jQuery selector .not() NOT working
<p>I've built a jQuery selector for a function which looks like this:</p>

<pre><code>    $('html').not('.table-main tr[selected]').mousedown( function( e ) {
</code></pre>

<p>But somehow it is not filtering at all and i do not quite understand why.
Even if i just leave <strong>('.table-main')</strong> for the selector i still trigger the function when clicking into the table... What is wrong with that?</p>

<p>Using <strong>document</strong> or <strong>'body'</strong> instead of <strong>'html'</strong> does not help, as document is not triggering at all with .not() and 'body' results in the same.</p>

<p>Edit:
Just tried using another block outside of the table and it works. Is there a chance i cannot use this on tables?</p>

<p>Update2: As requested, here is the rendered html code of the table:</p>

<pre><code>    &lt;table border="0" cellspacing="2px" cellpadding="5px" class="table-main"&gt;
      &lt;tr id="tablefields"&gt;
        &lt;th style="padding: 0;"&gt;
          &lt;table cellpadding="0" cellspacing="0" border="0" align="center"&gt;
            &lt;tr&gt;&lt;th&gt;&lt;div class="tr-head-get" id="tr-get-0"&gt;Name&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;
            &lt;tr&gt;&lt;th&gt;&lt;div class="th-header" id="th-header-0" style="top: 54px;"&gt;Name&lt;/div&gt;&lt;/th&gt;&lt;/tr&gt;
          &lt;/table&gt;
        &lt;/th&gt;    
      &lt;th style="padding: 0;"&gt;&lt;/th&gt;
    &lt;/tr&gt;
      &lt;tr id='table_form_new_device' class='table_form_class'&gt;
      &lt;form accept-charset="UTF-8" action="/devices" class="new_device" data-remote="true" id="new_device" method="post"&gt;&lt;div style="margin:0;padding:0;display:inline"&gt;&lt;input name="utf8" type="hidden" value="&amp;#x2713;" /&gt;&lt;input name="authenticity_token" type="hidden" value="T2dSeZpxxvgJdTP+yoE7BrVODzqJ95gyVu9Wh/v7oP8=" /&gt;&lt;/div&gt;
        &lt;th class='tablefield'&gt;
          &lt;input id="device_devicename" name="device[devicename]" size="10" type="text" /&gt;
        &lt;/th&gt;
        &lt;th&gt;
          &lt;div class='submitbox' id='submitbox_new_device'&gt;S&lt;/div&gt;
          &lt;script&gt;
            $('#submitbox_new_device').click(function (event) {
              $('#new_device').submit();
            });
          &lt;/script&gt;
        &lt;/th&gt;
    &lt;/form&gt;&lt;/tr&gt;
    &lt;/table&gt;
    &lt;div class="dropdown-button" style="margin: 0 2px;"&gt;Filter&lt;/div&gt;
</code></pre>
