jquery on method not working with window or document
<p>Pretty simple code:</p>

<p>html:</p>

<pre><code>&lt;div id="wrap" style="background-color:gray; height:2000px;"&gt;

&lt;/div&gt;
</code></pre>

<p>js:</p>

<pre><code>&lt;script type="text/javascript"&gt;

    $(document).ready(function(){



    $(document).on('mouseup', function(e) {
         console.log(" mouse up \n");


        })  

    }); 
    &lt;/script&gt;
</code></pre>

<p>I replaced <code>$(document)</code>  with <code>$(window)</code> but with no effect.</p>

<p>Browser: FF 13.0</p>

<p>How to make it work ?</p>

<p><strong>EDIT:</strong></p>

<p><strong>OMG</strong>, I used scroll instead of clicking the mouse to get the 'mouseup' event. What a silly mistake !!!</p>
