Changing Text And Font using Jquery

Changing Text And Font using Jquery

HTML

<form id="myform">
    <button>erase</button>
    <br>
    <a id="gridTabActions111" href="#gridTabActions">Actions</a>
    <br>
    <a id="a_tbnotesverbergen" href="#nothing">click here</a>
    <br>
    <br>
    <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>
    
<textarea class="changeMe">Text into textarea</textarea>
<div id="container" class="changeMe">
    <div id="float">
        <p>
            Text into container
        </p>
    </div>
</div>

JavaScript

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

            });

            $("#size").live('change', function () {
                $('.changeMe').css("font-size", $(this).val() + "px");
                
                
                $('#gridTabActions111').html('<b>Actions A '+$(this).val()+'</b>');
                $('#a_tbnotesverbergen').text('text here'+$(this).val());
                
                //$('a#gridTabActions111').prop('value', 'Save');

            });

            $("#fs").trigger('change');

            $("#size").trigger('change');
        });