title: Why can't javascript/jquery-feature be applied to multiple nodes?
body: <p>I have a small javascript that changes the title of a input-field to it's value and some other stuff:</p>
  
  <pre><code>  function autoFill(id){
     if(jQuery(id).val()==""){
                      jQuery(id).val(jQuery(id).attr("title"))
                      .addClass("help");
               }; 
      jQuery(id).focus(function(){
      if(jQuery(this).val()==jQuery(this).attr("title")){
       jQuery(this).val("").removeClass("help");
      }
     })
     .blur(function(){
      if(jQuery(this).val()==""){
       jQuery(this).val(jQuery(this).attr("title"))
       .addClass("help");
  
      }
     });
     jQuery(".trip").submit(function(){
      if(jQuery(id).val() == jQuery(id).attr("title")){
      jQuery(id).val(''); 
    }
  
   });
    }
  </code></pre>
  
  <p>When I try to use this script on a class that is on several nodes on one page it only works on the first. For example:</p>
  
  <pre><code>autoFill(".field");
  </code></pre>
  
  <p>Now I have to make it like this instead:</p>
  
  <pre><code> autoFill("#driver_from");
    autoFill("#driver_to");
    autoFill("#driver_when");
    autoFill("#passenger_from");
    autoFill("#passenger_to");
    autoFill("#passenger_when");
  </code></pre>
  
  <p>how do I make it so that it works on every field instead?</p>