title: $('form:not(.some-class)').keydown is still applying keydown event to .some-class
body: <p>JQuery's ':not' selector is not preventing the intended-to-be-excluded class (which decorates an  element) from firing the .keydown event. Why?</p>
  
  <p>From the following code, when I press a key in the .newOwnerEntryInput  field, I expect to see the alert for '1' only. But I see both alerts '1' and '2'.</p>
  
  <p>Javascript:</p>
  
  <pre><code>$('.newOwnerEntryInput').keydown(function (event) {
      alert('1');
  });
  
  // Prevent Enter from submitting form.
  $('form:not(.newOwnerEntryInput)').keydown(function (event) {
              alert('2');
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;li style="position: relative"&gt;
      @Html.DropDownList("cftMemberID", null, String.Empty, new { @class = "actionOwnerDropDown hidden" })
      &lt;div class="newOwnerEntryDiv"&gt;
          &lt;input class="newOwnerEntryInput" /&gt;
          &lt;div class="float-right closeNewOwner"&gt;
              &lt;img src="~/Images/cancel_x.png" alt="close" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I have tried a variety of quotes styles, with and without surrounding the excluded class with quotes, as well as adding 'input' after the class, as in  $('form:not(.newOwnerEntryInput input)').keydown</p>
  
  <p>Thanks!</p>