title: JS issue in IE, with dissapearing text in input field on onfocus
body: <p>I'm using this code from here: <a href="http://jsfiddle.net/davidThomas/9BpGC/" rel="nofollow">http://jsfiddle.net/davidThomas/9BpGC/</a></p>
  
  <p>But as an external JS file.</p>
  
  <p>I have:         </p>
  
  <pre><code>&lt;input type="text" id="text1" name="text1" placeholder="First text input box." onfocus="clearText()"  /&gt;
  </code></pre>
  
  <p>External JS:</p>
  
  <pre><code>function clearText() 
  {
      $('input:text').each(
          function(){
              $(this)
                  .val($(this).attr('placeholder'))
                  .css('color','#999');
              $(this).click(
                  function(){
                      $(this)
                          .val('')
                          .css('color','#000');
                  });
              $(this).blur(
                  function(){
                      if ($(this).val() === ''){
                          $(this)
                              .val($(this).attr('placeholder'))
                              .css('color','#999');
                      }
                  });
          }
      );
  }
  </code></pre>
  
  <p>It works in FF5, Chrome but not in IE8 unless I click in the box to load the search hint - if you use the demo on jsFiddle, it works fine across the different browsers, so is there a way to fix it to work with an external JS?</p>