title: javascript error "e" undefined when calling e.preventDefault()
body: <p>I didn't write this code and I'm having trouble figuring out why I'm getting the following the error at the first <code>e.preventDefault()</code>.  I've tried moving that code around within the <code>.click</code> event handler, passing it to <code>function(e){}</code>, replacing it with <code>return false</code>, declaring it <code>var e = $(this.href)</code> (don't laugh, I'm trying to learn), I've checked the value being returned in the <code>a href</code> and it is returning the correct <code>hash</code>.  The video plays, but I'm getting this error when I run the IE debugger.   Would someone please tell me how to properly debug and fix this.  Thanks</p>
  
  <p><img src="https://i.stack.imgur.com/e8qAg.gif" alt="enter image description here"></p>
  
  <p>HTML</p>
  
  <pre><code> &lt;a href="#video1" class="blueBtn modal" style="width:150px;"&gt;&lt;span&gt;Watch Video &lt;img width="10" height="17" src="images/bluebtn.png"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>// FANCY BOX
  $("a.modal").click(function(){
      var inline=$(this).attr('href');
      $.fancybox({
          'transitionIn'      : 'none',
          'transitionOut'     : 'none',
          'href'              : inline,
          'onComplete'        : function(){
              $(inline+' .flowPlayer').videoPlayer();
              $.fancybox.center(true);
          },
          'onClosed'          : function(){loc();}
      });
      e.preventDefault();         
  });
  
  $(".print").click(function(e){
      window.open("print-docs/"+$(this).parent().attr('id')+".html","print","width=1,height=1");
      e.preventDefault();
  });
  
  function loc(){
      var location=window.location.href;
      var replaceHash=location.replace(document.location.hash,"");
      window.location.assign(replaceHash);
  }
  </code></pre>