apply css to jquery code
<p>I'd like to apply the jquery themeroller highlight/error html to my jquery code. This is what the jquery highlight code is like (error code is similar):            </p>

<pre><code>&lt;div class="ui-widget"&gt;
    &lt;div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;"&gt; 
    &lt;p&gt;&lt;span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"&gt;&lt;/span&gt;
    &lt;strong&gt;Hey!&lt;/strong&gt; Sample ui-state-highlight style.&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I have my code structured like this:</p>

<pre><code>function doAjax(){
        $.ajax({
            url: 'myfile.php',
            success: function(data) {
                if (data == 'Initializing...please wait')
                {
                    $('#quote p').html(data); //here I would add highlight css code
                    setTimeout(doAjax, 2000);
                }
                else
                {

                    $('#quote p').html(data); //here is error css code

                }

            }
        });

    }
</code></pre>

<p>This prints to a div:</p>

<pre><code>&lt;div id="quote"&gt;&lt;p&gt; &lt;/p&gt;&lt;/div&gt;
</code></pre>

<p>Using <code>.css()</code> is cumbersome here, I think. Is there a way to add the html to the conditional? Note that <code>.html(data)</code> is necessary as you get different messages from the server, unless there are other suggestions.</p>
