Very soon clicking causes script malfunction
<p>I have made here a form and While the textarea is still expanding and i immediately click on the submit button:</p>

<ul>
<li><p>The textarea doesn't hide but instead go back and animate to
<code>height:46px</code></p></li>
<li><p>if i click on the submit button again: `(w/o refreshing)</p>

<ul>
<li>the loading image loads.</li>
<li>the textarea,submit button and loading image hides.</li>
<li>the data returned by the ajax is not displayed</li>
</ul></li>
</ul>

<p>The code is syntactically correct right, How can i possibly fix this?</p>

<p>Jquery:</p>

<pre><code>$('.btn').hide();
$('.submitline').submit(function(){
    var $content = $('textarea').val();
    $('.btn').fadeOut('fast',function(){
        $('textarea').fadeOut('fast');
        $('.submitbusy').fadeIn('fast');
    });
    $.ajax({
        type: 'POST',
        dataType: 'json',
        url: '/submit',
        timeout: 15000,
        data: {
            'content': $content,
            'token': fuel_csrf_token()
        },
        success: function(data,textStatus,jqXHR){
            $('.submitbusy').fadeOut('fast',function(){
                $('.submitstatus').text(data).fadeIn('fast',function(){
                    $('.submitstatus').delay(2000).fadeOut('fast',function(){
                        $('textarea').val('Submit Another?').fadeIn();
                    });
                });
            });
        },
        error: function(){
            alert('fail');
        }
    });
    return false;
});
$('textarea').focus(function(){
    $('.btn').fadeIn('fast');
    $(this).val('').animate({"height":"100px"});
    $(this).focusout(function(){
        $(this).animate({"height":"46px"});
    });
});
</code></pre>

<p>HTML:</p>

<pre><code>&lt;form class="submitline" method="post"&gt;        
    &lt;label&gt;Message:&lt;/label&gt;&lt;input class="btn" name="" value="Submit" type="submit" id="form_" /&gt;
    &lt;textarea class="sidesub" name="" id="form_"&gt;&lt;/textarea&gt;   
      &lt;img class="submitbusy" src="http://i.imgur.com/GaSgz.gif" alt="" /&gt;    
&lt;/form&gt;
&lt;p class="submitstatus"&gt;&lt;/p&gt;
</code></pre>
