jquery returns two objects when only one exists
<p>given this HTML,</p>

<pre><code>&lt;div id="dd_container" class="dd dd_container"&gt;
 &lt;ul class="dd_deploy"&gt;
   &lt;li class="dd_deploy"&gt;
     more options
   &lt;/li&gt;
  &lt;/ul&gt;
 &lt;ul class="dd"&gt;
   &lt;li class="dd"&gt;
     el1
   &lt;/li&gt;
   &lt;li class="dd"&gt;
     el2
   &lt;/li&gt;
   &lt;li class="dd"&gt;
     el3
   &lt;/li&gt;   
 &lt;/ul&gt;
&lt;/div&gt;​
</code></pre>

<p>why does this jquery function print to the console two times?</p>

<pre><code>$(document).on('click','.dd_deploy', function(){
    console.log($(this).parents('.dd_container').children('ul.dd'));
});​
</code></pre>

<p><a href="http://jsfiddle.net/mBPfG/" rel="nofollow">http://jsfiddle.net/mBPfG/</a></p>
