jQuery Forum

i have a simple question. i'm trying to learn the basics of jquery and wanted to see if i could get pointed in the right direction. i have a label on a page. i set the value to "one". i have another label on the page with the value of "three". both labels have a class called 'buttons'. what im trying to do is if the value of one of the label's has a length greater than 3 (which would be the label with the value of "three"), then set the css of that label to bold.

here is my code:

        <script type="text/javascript">
              $(document).ready(function () {
                    var length = $(".buttons").val().length;
                       
                    if (length>3){
                        $(".buttons").addClass("bold");
                    };

              });
       </script>

can someone point me in the right direction? Thanks in advance :)