if element width is greater than, then execute jQuery code

Question

I have the following javascript right below the relevant html area and it is not seem to be working. I'm pretty sure I have the correct method of getting the width of the relevant div tag but not sure why the

<script type="text/javascript">
var pageWidthNow = document.getElementById('top-area').clientWidth;

if (pageWidthNow > 700) {
    $('#search-form').addClass(topRightSearchBox);
};
</script>

Answer 1

it looks like you just need to add quotes

$('#search-form').addClass("topRightSearchBox");