Output styled notice with javascript
<p>I have javascript snippet:</p>

<pre><code>&lt;div id="store_stock_display"&gt;&lt;p&gt;Stock: &lt;span class="store_product_stock"&gt;&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt;
    $(function() {
        $('.store_product_stock').change(function() {
            if ($(this).text() == '0') {
                $('#store_stock_display').show();
                $(this).text('OUT OF STOCK');
            } else if ($(this).text() == '') {$('#store_stock_display').hide();} else {$('#store_stock_display').show();}
        });
    });
&lt;/script&gt;
</code></pre>

<p>It make show Stock Level (ex: 10, 100...) if my product is IN OF STOCK and show OUT OF STOCK if my product is currently out of stock.</p>

<p>And I want notice will be styling as:</p>

<pre><code>&lt;font style="color:red; font-weight:bold;"&gt;OUT OF STOCK&lt;/font&gt;
or
&lt;div class="abc"&gt;OUT OF STOCK&lt;/div&gt;
</code></pre>

<p>Please help me, thank you very much!</p>
