How do I run multiple functions on text in jQuery?
<p>I am ajaxing in some text from a PHP script and trying to have it fade in to the page. However, I can't get the fadeIn() function to behave. Here's where I am:</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
        $("#generate").click(function(){
            $("#quote p").load("sendText.php");
        });
    });
    &lt;/script&gt;

&lt;input type="submit" style="background-image: url(hitmebutton.png); height:8em; width:23em;" id="generate" value=""&gt;&lt;br /&gt;
    &lt;div id="quote"&gt;&lt;p&gt;&lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>So sendText.php echos out some text. To get it to fade in when the button is clicked, I tried just doing </p>

<pre><code>$("#quote p").load("sendText.php").fadeIn();
</code></pre>

<p>I also tried doing</p>

<pre><code>$("#generate").click(function(){
        $("#quote p").load("sendText.php");
        $("#quote p").fadeIn();
    });
</code></pre>

<p>But neither worked. How do I get fadeIn() to apply? I feel like there's something small I'm missing.</p>
