title: .val() not setting value
body: <p>I have a text input field called locEmailMsg:</p>
  
  <pre><code>&lt;input type="text"
         class="phColor"
         data-placeholder="Your email address"
         maxlength="50"
         style="font-size: 14px; width: 232px;"
         id="locEmailMsg"&gt;
  </code></pre>
  
  <p>In my <code>$(document).ready()</code> function, I need to do a few things: set the value of the input, set the data-placeholder attribute, and remove the phColor class. </p>
  
  <pre><code>$('#locEmailMsg').val(localStorage.email);
  $('#locEmailMsg').attr('data-placeholder', localStorage.email);
  $('#locEmailMsg').removeClass('phColor');
  </code></pre>
  
  <p>The data-placeholder attribute is being set correctly (watching in Firebug), but the value isn't being set, nor is the class being removed. Why would one part work, but the other parts not work? </p>
  
  <p>This is part of a very large system, but I've stepped through all of the scripts as the page loads, and there's nothing happening after this call that's reversing the value set/class removal.</p>