title: how to show /hide div on mouseover when div set to display none, in gridview item template
body: <p>box div will be hidden during pageload, when we hover on it it should display, onmouseover it should display, and onmouseout it should be hidden. can any body suggest me how to do in jquery, i am beginner in Jquery :) </p>
  
  <p>Update this Div is placed in ItemTemplate of gridview. will it be worked ? with answeered which you people provide ? </p>
  
  <pre><code>&lt;div id="box" style="display: none"&gt;
     &lt;a href="#" class="bt btleft"&gt;Highlight it&lt;/a&gt;
     &lt;a href="#" class="bt btright"&gt;Reset&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>