title: val() returns Placeholder value instead of the actual value in IE8,9 when the field is empty
body: <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="noreferrer">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>