val() returns Placeholder value instead of the actual value in IE8,9 when the field is empty
<p>Placeholder attribute shown below works fine in firefox but if val() is called when the field is <strong>empty</strong> it returns the placeholder value instead of the actual value in the text.</p>

<p>JSFiddle - <a href="http://jsfiddle.net/Jrfwr/2/" rel="nofollow">http://jsfiddle.net/Jrfwr/2/</a></p>

<pre><code>&lt;input id="tlt" type="text" placeholder="Enter Title" /&gt;
</code></pre>

<p>JSCode </p>

<pre><code>function placeHolderFallBack() {
   if ("placeholder" in document.createElement("input")) {
       return;
   }
   else {
       $('[placeholder]').focus(function () {
           var input = $(this);
           if (input.val() == input.attr('placeholder')) {
               input.val('');
               input.removeClass('placeholder');
           }
       }).blur(function () {
           var input = $(this);
           if (input.val() == '' || input.val() == input.attr('placeholder')) {
               input.addClass('placeholder');
               input.val(input.attr('placeholder'));
           }
       }).blur();
       $('[placeholder]').parents('form').submit(function () {
           $(this).find('[placeholder]').each(function () {
               var input = $(this);
               if (input.val() == input.attr('placeholder')) {
                   input.val('');
               }
           })
       });
   }
}
</code></pre>
