why we can't use .text() method to retrieve the text content instead of .val().

The result of the .text() method is a string containing the combined text of all matched elements. (Due to variations in the HTML parsers in different browsers, the text returned may vary in newlines and other white space.) Consider the following HTML:

<div class="demo-container">
  <div class="demo-box">Demonstration Box</div>
  <ul>
    <li>list item 1</li>
    <li>list <strong>item</strong> 2</li>
  </ul>
</div>

The code html $( "div.demo-container" ).text() would produce the following result:

html Demonstration Box list item 1 list item 2

and looking at your jQuery 'target' of #blogTitleInput, it leads me to believe that you are trying to get the value of an input?? The jQuery Documentation also states that: The .text() method cannot be used on form inputs or scripts. To set or get the text value of input or textarea elements, use the .val() method. To get the value of a script element, use the .html() method.

As of jQuery 1.4, the .text() method returns the value of text and CDATA nodes as well as element nodes.

Hope this helps!

Thank you it make sense