title: on() with click event does nothing
body: <p>I have a div with an id of "close" inside a dynamically created div with an id of "box". The following code is meant to do something whenever the user clicks on close.</p>
  
  <pre><code>$('#box').on('click','#close',function(){
      alert(1); // Test to see if the click works
  });
  </code></pre>
  
  <p>I'm using the Big Cartel CMS and if I click close in the "live preview mode", it seems to work fine, but whenever I actually publish the site and view it normally, it does absolutely nothing - no errors - nada.</p>
  
  <p>Markup &amp; CSS, just in case:</p>
  
  <pre><code>&lt;div id="box"&gt; &lt;!-- Dynamically loaded --&gt;
      &lt;div id="close"&gt;&lt;/div&gt;
      &lt;h2 id="name"&gt;&lt;/h2&gt;
      &lt;div id="description"&gt;
          &lt;p&gt;blah...&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  #close{
      background: url(image-path);
      float: right;
      position: relative;
      top: 0;
      margin: 0 0 0 12px;
      width: 25px;
      height: 25px;
      cursor: pointer;
      z-index: 100;
  }
  </code></pre>
  
  <p>What am I missing?</p>