title: <a> with javascript:void(0) href not calling ajax query after one use
body: <p>I have dropdown on page with this menu item:</p>
  
  <pre><code>&lt;li&gt;&lt;a onclick="return false" href="javascript:void(0)" class="change-state" data-id="@Model.Id" data-state="@ReportStatus.New"&gt;Mark as New&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>And I have jquery event handler for click on this <code>&lt;a&gt;</code></p>
  
  <pre><code>$(function () {
       $('.change-state').click(function () {
           var attr = this.dataset;
           $.ajax({
               method: 'POST',
               url: '@Url.Action("ChangeReportStatus", "Default")',
               data: { id: attr.id, status: attr.state },
               success: function (data) {
                   var name = '#report-number-' + attr.id;
                   $(name).html(data);
               }
           });
       });
  });
  </code></pre>
  
  <p>And when I open my page, click this <code>&lt;a&gt;</code> I have changes by ajax, but if I try to click it again, nothing works. I think it's because I using <code>javascript:void(0)</code>, but without this my ajax refresh all page, not only element. Please help me to solve this issue.</p>