jquery - jQuery、CSS、および HTML を使用して、選択時に複数の動的 DIV に個別に font-family と size を適用するにはどうすればよいですか?

Question

stackoverflow.com で見つけたソリューションを使用して、フォント ファミリとサイズをいくつかの動的 DIV に適用しています。しかし、目的のフォントとサイズを選択した後、マウスをクリックするとフォントファミリとサイズが適用されます。しかし、私はそれが選択された DIV にのみ発生することを望み、最初に DIV のテキストを選択してからフォントとサイズを適用したいと考えています。逆ではありません。手伝って頂けますか？以下はコードです：

<form id="myform">
    <button>erase</button>
    <select id="fs"> 
        <option value="Arial">Arial</option>
        <option value="Verdana ">Verdana </option>
        <option value="Impact ">Impact </option>
        <option value="Comic Sans MS">Comic Sans MS</option>
    </select>
    <select id="size">
        <option value="7">7</option>
        <option value="10">10</option>
        <option value="20">20</option>
        <option value="30">30</option>
    </select>
</form>
<br />
<div id="container" class="changeMe">
    <div id="float">
        <p>
            Text into container
        </p>
    </div>
</div>

jQuery:

$("#fs").change(function() {
    //alert($(this).val());
    $('.changeMe').css("font-family", $(this).val());
});

$("#size").change(function() {
    $('.changeMe').css("font-size", $(this).val() + "px");
});