title: How to execute a function when mouse overs a division and all its nesting elements inside?
body: <p>How to execute a function when mouse overs a division and all its nesting elements inside? Like</p>
  
  <pre><code>&lt;div id="main"&gt;
        &lt;div id="sub1"&gt;Sometext&lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
  $(function() {
     $("#main").mouseover(function() {
        //This function fails to execute  if i am over #sub1
     });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to execute the mouseover function when it with over <code>#main</code> regardless of the children inside</p>