Search code examples
javascriptjquerywidthelementdynamic-css

if element width is greater than, then execute jQuery code

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>
Solution

  • it looks like you just need to add quotes

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