jQuery siblings()/next() doesn't work in IE
<p>this jQuery script works on firefox, it give alert.
but it doesn't work in IE 7. have any idea what went wrong?</p>

<p>markup:</p>

<pre><code>&lt;td class="tdnotes"&gt;
  &lt;a title="" class="notes" id="order-1" href="#"&gt;
   &lt;!-- an image --&gt;
  &lt;/a&gt;         
  &lt;div style="display: none;" id="wrap-order-1" class="thenotes"&gt;
   &lt;!-- text area, input elements --&gt;
  &lt;/div&gt;
 &lt;/td&gt;
</code></pre>

<p>script:</p>

<pre><code>  $(function(){  

    $("a.notes").click(function() {
        alert($(this).siblings().attr("class"));
        // I have tried .next() but didn't work as well 
        // alert($(this).next().attr("class"));
        return false;
    }); 

  });
</code></pre>
