Changing Text And Font using Jquery
<p><strong>I am using the following code for <br>
1) Display the changed content in DIV container so if someone types in textbox it should simultaneously display the typed content<br>
2) on selection of fonts, font should be applied to that content</strong> </p>

<p><strong>But its not working not sure what wrong i am doing ?</strong></p>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; 
&lt;head&gt;
&lt;title&gt;Change Contents&lt;/title&gt;
    &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"&gt;&lt;/script&gt;

  &lt;script type="text/javascript" language="javascript"&gt;
    $("#fs").change(function() {
    alert($(this).val());
    $('.changeMe').css("font-family", $(this).val());

});

$("#size").change(function() {
    $('.changeMe').css("font-size", $(this).val() + "px");
});
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;form id="myform"&gt;
    &lt;button&gt;erase&lt;/button&gt;
    &lt;select id="fs"&gt; 
        &lt;option value="Arial"&gt;Arial&lt;/option&gt;
        &lt;option value="Verdana "&gt;Verdana &lt;/option&gt;
        &lt;option value="Impact"&gt;Impact &lt;/option&gt;
        &lt;option value="Comic Sans MS"&gt;Comic Sans MS&lt;/option&gt;
    &lt;/select&gt;

    &lt;select id="size"&gt;
        &lt;option value="7"&gt;7&lt;/option&gt;
        &lt;option value="10"&gt;10&lt;/option&gt;
        &lt;option value="20"&gt;20&lt;/option&gt;
        &lt;option value="30"&gt;30&lt;/option&gt;
    &lt;/select&gt;
&lt;/form&gt;

&lt;br/&gt;

&lt;textarea class="changeMe"&gt;Text into textarea&lt;/textarea&gt;
&lt;div id="container" class="changeMe"&gt;
    &lt;div id="float"&gt;
        &lt;p&gt;
            Text into container
        &lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
