title: JQuery Lower Case Text
body: <p>I have many fields containing data from the database.  The text is all cap!</p>
  
  <p>I have tried <code>text-transform: capitalize;</code> The first letter is already uppercase and this CSS cannot lower the rest of letters.  Then I add 1 more class <code>text-transform: lowercase;</code>, it will take either one.</p>
  
  <p>I am planing to use JQuery to lower all the text and then use CSS to do capitalize.</p>
  
  <p>Somehow my JQuery syntax doesn't work out.  Please help.  <a href="http://jsfiddle.net/5gx4c35g/" rel="nofollow">LIVE CODE</a></p>
  
  <p>JS</p>
  
  <pre><code>$(document).ready(
      function(){
  $('#tester').val($(this).val().toLowerCase());
      });
  </code></pre>