title: bind - mouseover on ul list
body: <p>I have this situation:</p>
  
  <pre><code>&lt;ul id="country_list"onmouseover="cl();"&gt;
  
  function cl(){ 
  // something to do 
  }
  </code></pre>
  
  <p>This function goes but not sounds.</p>
  
  <p>So I do this:</p>
  
  <pre><code>$('#country_list').bind('mouseover', function () { // do what you want to do on mouse over });
  </code></pre>
  
  <p>but the function doesn't work!!!</p>
  
  <p>For the solution I have seen this question <a href="https://stackoverflow.com/questions/7049182/my-mouseover-mouseleave-doesnt-work">My mouseover, mouseleave doesnt work</a> and I have tried all the suggestions, but nothing ! </p>
  
  <p>Why???</p>
  
  <p>In the question called <a href="https://stackoverflow.com/questions/7421323/variables-and-jquery-how-capture-value-and-use-them-part-3">variables and jquery: how capture value and use them (part 3)</a> you can find all my codex for the <code>function cl()</code>.</p>
  
  <p>thanks</p>