title: Not working "onclick()" with a DIV
body: <p>I have an application which uses some Tabs. The functionality of these tabs is programmed with jquery (I dont know how to program jquery). So if I want to add a Tab I use this line:</p>
  
  <pre><code>&lt;div class="tab"&gt;1&lt;/div&gt;
  </code></pre>
  
  <p>I didnt program the function of that tab, but I need to add some other functions, so I am trying to use  <code>onclick()</code> on the DIV (as next) but does not work.</p>
  
  <pre><code>&lt;div class="tab" onclick="prueba()"&gt;1&lt;/div&gt;
  </code></pre>
  
  <p>In order to make it work, I need to use something like this:</p>
  
  <pre><code>&lt;div class="tab"&gt;&lt;span onclick="prueba()"&gt;1&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>My problem is that the size of the DIV is bigger, so the <code>onclick()</code> would only work by clicking exactly on the number, rather tahn any part of the div. </p>
  
  <p>I already tryied to insert the DIV inside the Span (as next) but does not work.</p>
  
  <pre><code>&lt;span onclick="prueba()"&gt;&lt;div class="tab"&gt;1&lt;/div&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Does anyone know if this is happening because of jquery which is controling the functions on the tab?? </p>
  
  <p>Is there any way to use any element with <code>onclick()</code> outside the DIV with the "tab" class??</p>
  
  <p>Thanks a lot, and sorry for my english</p>
  
  <pre><code>function prueba() {
     alert("HELLO");
  }
  </code></pre>
  
  <p>Sorry not to put the jquery code, it is too long and I dont know exactly which part to show.</p>