jquery resize on mousemove not working
<p>I have this js:</p>

<pre><code>var clicking = false;

$('.drag-me').mousedown(function(){
    clicking = true;
    $('.status').text('mousedown');
});

$(document).mouseup(function(){
    clicking = false;
    $('.status').text('mouseup');
    $('.status').text('click released, no more move event');
})

$('.drag-me').mousemove(function(e){
    if(clicking == false) return;

    // Mouse click + moving logic here
    $('.status').text('mouse moving');
    var change=lastx-e.pageX;
    var lastx= e.pageX;
    $(this).css('width',$(this).width+change+'px')
    $('.cords').html('x:'+e.pageX+' y: '+e.pageY);
});
</code></pre>

<p>And html:</p>

<pre><code>&lt;div class="drag-me"&gt;Drag me&lt;/div&gt;
&lt;div class="status"&gt;Nothing&lt;/div&gt;
&lt;div class="cords"&gt;Cords&lt;/div&gt;
</code></pre>

<p>css:</p>

<pre><code>.drag-me {
    background:blue;
    width:100px;
    height:30px;
}
</code></pre>

<p><a href="http://jsfiddle.net/kmEGF/17/" rel="nofollow">demo</a></p>

<p><strong>QUESTION</strong>:
Now when i move the mouse inside <code>.drag-me</code> i want it to increase/decrease its size.
But it doesnt happens so. Why ?
Where have i been going wrong ?</p>
