title: Jquery selector not functioning on td
body: <p>Im havin problems in selecting my first 2 td of every tr(i need to make them lickable) and my last td of every tr(different links). Can someone help me with the code? I cant seem tofigure it out. The code seems legit but it doesnt work. 
  Here is the js and html:</p>
  
  <p><em><strong>JS</em></strong></p>
  
  <pre><code>$(".rand_notif td:lt(2)").click(function(){
      $(".rand_notif").html("asd");
  })
  </code></pre>
  
  <p><em><strong>HTML</em></strong> (somehow..still js but html)</p>
  
  <pre><code>$.each(data.notif,function(i,x){
      var cant='';
  
      if(x.cant&gt;0){var cant = x.cant+"x";}
      notificari+="&lt;tr class='spacer_2'&gt;&lt;/tr&gt;&lt;tr class='notificari rand_notif' record='"+x.id+"'&gt;&lt;td&gt;"+cant+"&lt;/td&gt;&lt;td&gt;"+x.nume+"&lt;/td&gt;&lt;td&gt;Refuz&lt;/td&gt;&lt;/tr&gt;";
  });
  </code></pre>
  
  <p>Actual html</p>
  
  <pre><code>&lt;table cellspacing="0" id="tabel_notificari"&gt;
      &lt;tr class="spacer_1"&gt;&lt;/tr&gt;
      &lt;tr class="table_head notificari"&gt;
          &lt;th width="30"&gt;&lt;/th&gt;
          &lt;th&gt;Notificari&lt;/th&gt;
          &lt;th width="86"&gt;&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>EDIT: Problem solved. The problem was, as explained in the comments, the fact that the elements were first binded then added, therefore the bind didnt exist. 
  Solution:</p>
  
  <pre><code>$("#tabel_notificari").on("click", ".rand_notif td:lt(2)",function(){$(".rand_notif").html("asd");});
  </code></pre>