title: Set the value of hidden element with mouseover/hover event
body: <p>I'm trying to make on every mouseoverover event have hidden value updated with #id</p>
  
  <p>My source:</p>
  
  <pre><code>#html
  &lt;li&gt;&lt;a href="javascript:void(0)" onmouseover="set_mouseover('1')"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:void(0)" onmouseover="set_mouseover('2')"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:void(0)" onmouseover="set_mouseover('3')"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="javascript:void(0)" onmouseover="set_mouseover('4')"&gt;&lt;/a&gt;&lt;/li&gt;
  
  ...
  
  &lt;input type="hidden" name="mouseover_cell_id" id="mouseover_cell_id" value=""&gt;
  
  #code
  function set_mouseover(id) {
    jQuery('#mouseover_cell_id').val(id);
  }
  </code></pre>
  
  <p>and the code above doesn't work. Any idea why? Why onmouseover even doesn't set value? </p>