title: onblur event not firing from Html.TextBoxFor helper
body: <p>I've followed an example that calls some javascript code from a TextBoxFor helper which looks like this:</p>
  
  <pre><code>&lt;%=Html.TextBoxFor(c =&gt; Model.Birthdate, new { @class = "datepicker", maxlength = 10, @onblur = "chkBirthday" })%&gt;
  </code></pre>
  
  <p>My javascript, within an asp:Content header looks like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).on("blur", "select[name=MainContent_Birthdate]",
      function chkBirthday() {
  
          document.getElementById("MainContent_ErrorMessage").visibility = 'visible';
          document.getElementById("MainContent_ErrorMessage").innerHTML = 'Testing';
  
      });
  </code></pre>
  
  <p></p>
  
  <p>I've tried several options to get something back when I tab out of my helper, including just having an alert("Testing") in my function, removing the line $(document), giving elements full names (MainContent prefix) but nothing works.</p>
  
  <p>I'm using Chrome with their dev tools and can see that the element names generated by the helper are correct.  I don't know what's wrong.</p>
  
  <p>Can someone help?</p>