title: jQuery input value focus and blur
body: <p>I have the following code so that when a users selects an input box the value will disappear, but the default value will then be re-inserted once a user clicks off it.</p>
  
  <pre><code>        $(function() {
              var defaultText = '';
              $('input[id=input]').focus(function() {
                  defaultText = $(this).val();
                  $(this).val('');
              });
              $('input[id=input]').blur(function() {
                  $(this).val(defaultText); 
               });
           });
  </code></pre>
  
  <p>However, that's not exactly how I want it. If a user inserts text I don't want the default text to then override what the user has put. I'm also fairly new to jQuery so any help would be greatly appreciated.</p>