title: jquery 2.1.4 on not working
body: <p>What can be possibly wrong in this statement?</p>
  
  <pre><code>$(document).on('click',".post_like",function(e) {
      var postId  = $(this).data('id');
      var postOrigin = $(this).data('originalid');
      var interface_type = 'like';
  
      alert('test');
  
      //interact_with_post();
      //e.stopPropagation();
  });
  </code></pre>
  
  <p>As I'm using jquery 2.1.4 It was expected I could interact with ajax loaded elements but I can`t even click on any element.</p>
  
  <p>PS: it seems that I can't run on() with jquery 1.11.3 on firefox (didn't check other browsers). </p>
  
  <p><strong>UPDADE</strong></p>
  
  <p>HTML </p>
  
  <pre><code>&lt;div class="panel-footer" style="background:#444; color:#FFF; border-radius:0 0 8px 8px"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-lg-3 text-center" style="border-right: 1px solid #FFF; width:24%; float: left"&gt;
  &lt;i class="fa fa-clock-o"&gt;&lt;/i&gt;
  &lt;br&gt;
  14 hrs ago
  &lt;/div&gt;
  &lt;div class="col-lg-3 text-center **post_like**" style="width:24% float: left ; border-right: 1px solid #FFF" data-originalid="73" data-id="73"&gt;
  &lt;i id="like_icon73" class="fa fa-heart-o "&gt; &lt;/i&gt;
  &lt;br&gt;
  &lt;normal id="post_like_count73"&gt; 0&lt;/normal&gt;
  &lt;/div&gt;
  &lt;div class="col-lg-3 text-center post_comment" left"="" float:="" style="border-right: 1px solid #FFF; width:24%" data-item="73"&gt;
  &lt;i class="fa fa-comment"&gt;&lt;/i&gt;
  &lt;br&gt;
  0
  &lt;/div&gt;
  &lt;div class="col-lg-3 text-center post_unsave" style="width:24% float: left" data-originalid="73" data-id="73"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So, the idea behind this is , as I'm developing a social networking project, I'm tracking events arround the posts:</p>
  
  <p>I have two functions when something is clicked:</p>
  
  <p>In this case when class post is clicked ( the parent class ) it runs a (study) function that looks at the part was clicked (comment, save, like , open modal , and so on ) and stores the info - intented to study behaviours . At the same time it runs a rewarding function (intended to make them interact) - this function does this: if the user clicked like, add 1 to the like count of the post, changes the class to post_unlike and changes the icon. </p>
  
  <p>Everything works like charm with on("click", function(){}); Except I can't track live clicks ( if the class was post_like , even after I changed it to post_unlike, it continues behaving like it is post_like ). </p>
  
  <p>Now, when I run the same function with on('click', 'class', function(){}); I don't even have a response on the terminal. Not on this, not on ajax loaded posts prior window.onload.</p>
  
  <p>When I used live() it worked like a charm.</p>