title: <a> click event not firing from jquery
body: <p>I have a requirement to update data without redirecting to another page. In my controller I have a method with a return type of <code>void</code> which updates the data. In my partial view I have an <code>&lt;a&gt;</code> element. On click of the link I am calling the above method which returns <code>void</code> to my jQuery file.</p>
  
  <pre><code>&lt;div id="Footer"&gt;
      &lt;a href="#" id="MarkAllRead"&gt;Mark All Read&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$(".MarkAllRead").click(function () {
      alert('click');
      $.ajax({
          url: "/Controller/MarkNotification",
          method: 'POST',
          cache: false,
          datatype: "text",
          success: function (result) {
              $("#ncount").hide();
          },
          error: function (xhr) {
              alert(result.responseText);
          }
      });
  });
  </code></pre>
  
  <pre class="lang-csharp prettyprint-override"><code>public void MarkNotificationAsRead()
  {
      db.Notifications.ToList().ForEach(n =&gt; n.Status = true);
      db.SaveChanges();
  }
  </code></pre>
  
  <p>The problem I am facing is that the AJAX call is not getting fired. On click of the link I want to call the above method which returns <code>void</code> from my jQuery file.</p>