title: stopPropagation doesn't seem to be working
body: <p>I am trying to implement a link inside of a DIV block which has a click event.</p>
  
  <p>I would like the outer DIV  click event not to run if the users clicks on the link.</p>
  
  <p>My link looks like:</p>
  
  <pre><code>&lt;a href="javascript: openVideo('videoID', this, event); " &gt;Watch the video&lt;/a&gt;
  </code></pre>
  
  <p>And javascript looks like:</p>
  
  <pre><code> function openVideo(video, object, event) {
  
      $(object).html($(object).html()+"&lt;iframe width='360' height='315' src='http://www.youtube.com/embed/"+video+"' frameborder='0' allowfullscreen&gt;&lt;/iframe&gt;");
  
      event.stopPropagation();
   }
  </code></pre>
  
  <p>Unfortunately when I click on the link it executes the outer DIV code.  And shows an error related to stopPropogation method:</p>
  
  <pre><code>Uncaught TypeError: Cannot call method 'stopPropagation' of undefined 
  </code></pre>
  
  <p>What could be the issue?</p>