title: Triggering jquery with css media queries
body: <p>I am using css media queries on my project to create a site that will work with any sized screen. I am looking to trigger difference jquery functions just like I would with css.</p>
  
  <p>For example, If the browser size is between 1000px and 1300px, I would like to call the following function:</p>
  
  <pre><code>$('#mycarousel').jcarousel({
      vertical: true,
      scroll: 1,
      auto: 2,
      wrap: 'circular'
  });
  </code></pre>
  
  <p>BUT when the browser size is below 1000px, the js would stop its processing. So on and so forth.</p>
  
  <p>I'm not sure if this is possible, but perhaps there is an existing solution or plugin that creates different js environments based on browser window sizes. I suppose I could create conditional statements in some format. Any thoughts?</p>