title: Onclick text disappears in chrome but not in mozilla
body: <p>I have search functionality in my app, in which when user clicks in textbox, 
    the text in the text box disappers. This works perfectly in chrome(6.0) but does not disappear after click in mozilla firefox(3.6) why?</p>
  
  <p>// here is the code: </p>
  
  <pre><code>echo "Search: ";
              echo "&lt;input type=\"text\" class=\"smalltxt\" name= \"srchtxt\" id= \"srchtxt\" value= \"enter username\" height=\"20px\" onfocus= \"javascript:areaOnFocus(srchtxt, 'enter username');\" onblur= \"javascript:areaOnBlur(srchtxt, 'enter username');\" /&gt;";  
  </code></pre>
  
  <p>// function called:</p>
  
  <pre><code>function areaOnFocus(element, inputText)
      {
           if(element.value == inputText)
           {
                element.value='';
           }
      }
  
      function areaOnBlur(element, inputText)
      {
           if(element.value=='')
           {
                element.value = inputText;
           }
      }
  </code></pre>
  
  <p>Thank you in advance.</p>