title: JQuery tooltip on mouse over on images only in the form
body: <p>i got an example here at <a href="http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery/comment-page-2#comment-2746" rel="nofollow">http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery/comment-page-2#comment-2746</a></p>
  
  <p>it creates a effect in style sheet and masks the default tooltip of any tag that is passed through this function</p>
  
  <pre><code>     $(document).ready(function() {
  
  
           simple_tooltip("img","tooltip"); 
  
  
          });
  
          function simple_tooltip(target_items, name){
          $(target_items).each(function(i){
          $("body").append("&lt;div class='"+name+"' type='img' id='"+name+i+"'&gt;&lt;p&gt;"+$(this).attr('title')+"&lt;/p&gt;&lt;/div&gt;");
  
          var my_tooltip = $("#"+name+i);
  
          $(this).removeAttr("title").mouseover(function(){
                  my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(400);
          }).mousemove(function(kmouse){
                  my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15});
          }).mouseout(function(){
                  my_tooltip.fadeOut(400);
          });
      });
  }
  </code></pre>
  
  <p>but the problem is it shows tooltip on each an every image tag of the page where as i only wanted to show it on form validation help icon. here is my form</p>
  
  <pre><code>    &lt;form id="form1"&gt;
  
          &lt;table id="tblSignUp" border="0" cellpadding="2" cellspacing="5"
              style="border: 0px solid black; color: #FFFFFF;"&gt;
              &lt;div id="inputs"&gt;
              &lt;tr&gt;
                  &lt;td&gt;First Name&lt;font class="AsterikLabel"&gt;*&lt;/font&gt; :&lt;/td&gt;
                  &lt;td&gt;&lt;input id="firstname" size="35" maxlength="50" type="text"
                       style="width: 175px;"
                       onblur="checkError(this);" name="fname" /&gt;
                    &lt;img  title="Alphabets, numbers and space(' ') , no special characters min 3 and max 20 characters." 
                  src="PsychOImages/20.png" align="bottom" /&gt;&lt;/td&gt;
                  &lt;td id="firstName1"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Last Name&lt;font class="AsterikLabel"&gt;*&lt;/font&gt; :&lt;/td&gt;
                  &lt;td&gt;&lt;input type="text" id="lastname" style="width: 175px;"
                       name="lastname"
                       onblur="checkError(this);" /&gt;
                    &lt;img  title="Alphabets, numbers and space(' ') , no special characters min 3 and max 20 characters." 
                      src="PsychOImages/20.png" align="bottom" /&gt;
                                                                    &lt;/td&gt;
                  &lt;td id="lastname1"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Email&lt;font class="AsterikLabel"&gt;*&lt;/font&gt; :&lt;/td&gt;
                  &lt;td&gt;&lt;input id="email" type="text" style="width: 175px;"
                       name="email"
                      onblur="checkError(this);" /&gt;
                    &lt;img title=" The Email address format is yourname@example.com."  src="PsychOImages/20.png" align="bottom" /&gt;&lt;/td&gt;
                  &lt;td id="email1"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Telephone&lt;font class="AsterikLabel"&gt;*&lt;/font&gt; :&lt;/td&gt;
                  &lt;td&gt;&lt;input id="phone" type="text" style="width: 175px;"
                       name="phone"
                      onblur="checkError(this);" maxlength="16"/&gt;
                    &lt;img title="Format : 339-4248 or (095) 2569835 or +7 (095)1452389" 
                      src="PsychOImages/20.png" align="bottom" /&gt;&lt;/td&gt;
                  &lt;td id="phone1"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Choose a Password&lt;font class="AsterikLabel"&gt;*&lt;/font&gt; :&lt;/td&gt;
                  &lt;td&gt;&lt;input id="password" type="password" style="width: 175px;"
  
                      name="password" onblur="checkError(this);" /&gt;
                    &lt;img title="Password feild can only contains 7 to 15 characters" src="PsychOImages/20.png" align="bottom" /&gt;&lt;/td&gt;
                  &lt;td id="password1"&gt;&lt;/td&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
                  &lt;td&gt;Re-Type Password&lt;font class="AsterikLabel"&gt;*&lt;/font&gt; :&lt;/td&gt;
                  &lt;td&gt;&lt;input id="repassword" type="password"
                      style="width: 175px;" 
                       name="retype" onblur="checkError(this);" /&gt;
                   &lt;img title="Retype teh password same as above for confirmation" src="PsychOImages/20.png" align="bottom" /&gt;&lt;/td&gt;
                  &lt;td id="repassword1"&gt;&lt;/td&gt;
              &lt;/tr&gt;
  &lt;/div&gt;
          &lt;/table&gt;
          &lt;/form&gt;
  
  
  i have tried putting my form into a div and then giving that Div id to the function
  `simple_tooltip("","")`   but it stops working then.... please help!  
  </code></pre>