title: jQuery changing font family and font size
body: <p>I am trying to change font family and font size of the text that appears in a textarea and a container by choosing the font from the list, font size should be fixed. I am also trying to change color of the background when a font is picked. </p>
  
  <p>That is my code:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;     
      function changeFont(_name) {
          document.body.style.fontFamily = _name;
          document.textarea = _name;
      } 
      &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body style="font-family"&gt;   
      &lt;form id="myform"&gt;
          &lt;input type="text" /&gt; 
          &lt;button&gt;erase&lt;/button&gt; 
          &lt;select id="fs" onchange="changeFont(this.value);"&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="'ms comic sans'"&gt;MS Comic Sans&lt;/option&gt;
          &lt;/select&gt;
          &lt;div align="left"&gt;
              &lt;textarea style="resize: none;" id="mytextarea" 
                   cols="25" rows="3" readonly="readonly" wrap="on"&gt;
                  Textarea
              &lt;/textarea&gt;
              &lt;div id='container'&gt;
                  &lt;div id='float'&gt;
                      &lt;p&gt;This is a container&lt;/p&gt;
                  &lt;/div&gt;
      &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>When I try it in the browser the font family does not change in the text area. It only changes in the container. I also do now know how to set a new font size and background for the container and the textarea when the font family is picked. </p>
  
  <p>I will appreciate any help guys!</p>