title: jQuery click event not firing on dynamically added content
body: <p>I have the body of a table which is appended dynamically with ajax to the table element through a partial view in ASP.NET MVC. The partial view looks something like this...</p>
  
  <pre><code>@model IEnumerable&lt;Plan&gt;
  @{
      Layout = null;    
  }
  @foreach (var plan in Model)
  {
      &lt;tr&gt;
          &lt;td&gt;
              &lt;a href="#" class="jumpToMyPlans"&gt;@plan.Name&lt;/a&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  }
  </code></pre>
  
  <p>...and appended to the table element which is static in the main View...</p>
  
  <pre><code>&lt;table id="myPlanTable"&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I am trying to register an onclick event for each of these anchor elements (there are a lot currently), using the jQuery <code>on()</code> function like this...</p>
  
  <pre><code>jQuery('#myPlanTable').on('click', 'tbody &gt; tr:gt(0) &gt; td &gt; a.jumpToMyPlans', function () {
      console.log('click');
  });
  </code></pre>
  
  <p>...but the event refuses to fire. I've checked the DOM traversal in the browser console and it's definitely correct and returns the expected DOM set. </p>