title: Howto: div with onclick inside another div with onclick javascript
body: <p>just a quick question. I'm having a problem with divs with onclick javascript within each other. When I click on the inner div it should only fire it's onclick javascript, but the outer div's javascript is also being fired. How can the user click on the inner div without firing the outer div's javascript?</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
  &lt;div onclick="alert('outer');" style="width:300px;height:300px;background-color:green;padding:5px;"&gt;outer div
      &lt;div onclick="alert('inner');"  style="width:200px;height:200px;background-color:white;" /&gt;inner div&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>