title: jquery click event not binding
body: <p>I've got a wordpress site running.   I've bound a jquery click event to a <code>&lt;div&gt;</code> tag using the ID as a selector.</p>
  
  <p>The relevant code is below:
  js:</p>
  
  <pre><code>&lt;script&gt;
      $(document).ready(function() {
          $( "#homepage_contact_form" ).click(function() {
            alert( "Handler for .click() called." );
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="homepage_contact_form" class="et_pb_module et_pb_contact_form_container clearfix  et_pb_contact_form_0"&gt;
  </code></pre>
  
  <p>However, <strong>the event is not triggering.</strong></p>
  
  <p>The thing works if I simulate it in jsfiddle (<a href="https://jsfiddle.net/yL4gjc1d/" rel="nofollow">https://jsfiddle.net/yL4gjc1d/</a>), but it doesn't work on the actual page.   </p>
  
  <p>Relevant information:</p>
  
  <ul>
  <li>This is a Wordpress site using the Divi theme.  The js is being inserted through the ePanel</li>
  <li>You can find the actual page with the source code above at <a href="http://www.inkcorporate.com" rel="nofollow">http://www.inkcorporate.com</a></li>
  </ul>
  
  <p>Thanks</p>