title: Refresh some jquery on browser window resize
body: <p>I am using a third party carousel which adds in-line widths and heights styles on the fly. The site uses media queries to resize the carousel container when the browser size is reduced. My issue is that the page has to be refreshed for the media query to come in. So can I have the jQuery function refresh on resize so it re-work out its widths/heights?</p>
  
  <p>Here's the jQuery:</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
  
      $(document).ready(function () {
  
      $("#carousel").featureCarousel({
      // include options like this:
      // (use quotes only for string values, and no trailing comma after last option)
      carouselSpeed:700,
      smallFeatureWidth:0.8, smallFeatureHeight:0.8, sidePadding:0, topPadding:0
      });
      });
      &lt;/script&gt;
  </code></pre>