title: jquery click event doesn't work
body: <p>I wrote this code , and I need to handle click events with jquery , but it doesn't work in any browser , when I click any elements nothing happens. The divs has no z-index in css;</p>
  
  <p>The hole "news" element adds dynamically
  This is html code </p>
  
  <pre><code>&lt;div class="news"&gt;
              &lt;div class="meta-inform"&gt;
                  &lt;div id="waiting"&gt;not accepted&lt;/div&gt;
                  &lt;div id="accpted"&gt;accepted&lt;/div&gt;
  
                  &lt;div class="edit"&gt;
                  &lt;div class="editedBy" id="editedBy" &gt;
                      &lt;div id="editLabel"  style="display:inline"&gt;edited by&lt;/div&gt;
                      &lt;div id="editorName"  style="display:inline"&gt;arvin&lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div id="editTime" class="editTime"&gt;
                      &lt;div id="editDate" style="display:inline" &gt;چdate&lt;/div&gt;
                      &lt;div id="editDate" style="display:inline"&gt;time&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
  
          &lt;div id="littleNews"&gt;
              &lt;div id="number"&gt;1000&lt;/div&gt;
              &lt;div id="divider1"&gt;&lt;/div&gt;
              &lt;div id="title"&gt;title&lt;/div&gt;
              &lt;div id="divider2"&gt;&lt;/div&gt;
              &lt;div id="littleNewsTime"&gt;time&lt;/div&gt;
              &lt;div id="littleNewsDate"&gt;date&lt;/div&gt;
              &lt;div id="divider3"&gt;&lt;/div&gt;
              &lt;div id="category"&gt;cat&lt;/div&gt;
              &lt;div id="part"&gt;part&lt;/div&gt;
              &lt;div id="segment"&gt;sgmnt&lt;/div&gt;
              &lt;div id="divider4"&gt;&lt;/div&gt;
              &lt;div id="writer"&gt;writer&lt;/div&gt;
              &lt;div id="view"&gt;view post&lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="functions"&gt;
              &lt;div id="edit"&gt;edit&lt;/div&gt;
              &lt;div id="delete"&gt;delete&lt;/div&gt;
              &lt;div id="accptThis"&gt;accept&lt;/div&gt;
          &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>and this is my jquery codes </p>
  
  <pre><code>$(document).ready(function () {
      $("#littleNews").click(function () {
          alert("hi");
      });
  }); 
  </code></pre>
  
  <p>and it doesn't works for any element in "news" class </p>
  
  <p>I have this code and this code creates the whole div </p>
  
  <pre><code>$("#news").clone().appendTo("#mainDiv").attr("id","news"+(i+1))
  </code></pre>