title: jQuery .load function not working
body: <p>I'm using a simple .load() function from Jquery and I can't seem to make it work. Nothing happens when I click my DIV. My alert TEST does work.</p>
  
  <pre><code>&lt;div class="ing"&gt;CLICK HERE&lt;/div&gt;
  &lt;div id="overlay3-content"&gt;&lt;/div&gt;
  
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
     $(document).on('click', '.ing', function(e){
        $("#overlay3-content").load('content.html');
      // window.alert("test");  THIS WORKS
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>the page content.html just has the following:</p>
  
  <pre><code>&lt;html&gt;TEST TEST TEST&lt;/html&gt;
  </code></pre>
  
  <p>JS FIDDLE:  <a href="https://jsfiddle.net/37ukdrLf/" rel="nofollow">https://jsfiddle.net/37ukdrLf/</a></p>
  
  <p>Any ideas</p>