title: jquery doesnt recognize div click
body: <p>I have the following code. My issue is that when I click on the div maya, jquery doesn't recognize it and
  it will not give me the alert for it.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>   &lt;style&gt;
     #carousel-single-image {
     width: 320px;
     height: 400px;
     margin: 0 auto;
     background: white;
     }
     #carousel-single-image .touchcarousel-container {
     height: 100%;
     background: url("../touchcarousel/demo-images/wood-pattern.jpg") repeat;
     }
     #carousel-single-image .touchcarousel-item {
     margin-right: 0;
     width: 400px;
     height: 400px;
     }
     #carousel-single-image img {
     width: 300px;
     height: 360px;
     margin: 32px 0 0 8px;
     float:left;
     position: relative;
     display: block;
     padding: 3px;
     background: transparent;
     border: 0;
     -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.6);
     -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.6);
     box-shadow: 0 1px 6px rgba(0,0,0,0.6);
     }
     #carousel-single-image .tc-paging-container {
     margin-top: -380px;
     }
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="productGallery" style="display:none"&gt;
     &lt;div id="main-body"&gt;
        &lt;div id="carousel-single-image" class="touchcarousel minimal-light"&gt;
           &lt;ul class="touchcarousel-container"&gt;
              &lt;li class="touchcarousel-item"&gt;
                 &lt;a href="#"&gt; &lt;img data-original="/image1.jpg" /&gt;
                 &lt;span class="maya"&gt;CheckClick&lt;/span&gt;&lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="touchcarousel-item"&gt;
                 &lt;a href="#"&gt; &lt;img data-original="/image2.jpg" /&gt;
                 &lt;span class="maya"&gt;CheckClick&lt;/span&gt;&lt;/a&gt;
              &lt;/li&gt;
           &lt;/ul&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>$('.maya').click(function(){
  alert("hi");
  });
  </code></pre>