using a selection box to change font with jquery
<p>I have 3 text input boxes that i want to allow a user to change the font of, but im not sure how to do this.</p>

<p>This is the code for my preview boxes:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(function()
{
    $(".line1").keyup(function()
    {
    var word=$(this).val();
    $(".line_preview1").html(word);
    return false;
    });
    $(".line2").keyup(function()
    {
    var word=$(this).val();
    $(".line_preview2").html(word);
    return false;
    });
    $(".line3").keyup(function()
    {
    var word=$(this).val();
    $(".line_preview3").html(word);
    return false;
    });
});
&lt;/script&gt;


&lt;span class="line_preview1"&gt;&lt;/span&gt;
&lt;span class="line_preview2"&gt;&lt;/span&gt;
&lt;span class="line_preview3"&gt;&lt;/span&gt;
&lt;input type="text" name="line1" class="line1" /&gt;
&lt;input type="text" name="line2" class="line2" /&gt;
&lt;input type="text" name="line3" class="line3" /&gt;
</code></pre>

<p>If i could choose the font for each line that would be great</p>

<p><strong>edit for context</strong></p>

<p>i would like to have;</p>

<pre><code>&lt;select name=font&gt;
&lt;option&gt;Arial&lt;/option&gt;
&lt;option&gt;Verdana&lt;/option&gt;
&lt;option&gt;Times New Fubar&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>when a new option is chosen, it would update the css of the specific preview element</p>
