title: JS to target mobile only
body: <p>I'm building a responsive web page with a 3 column container that expand equally. To achieve this I'm using the following JS code:</p>
  
  <pre><code>jQuery(document).ready(function($){
      var inHeight = $("#wrapper").innerHeight();
      $("#wrapper .col").each(function(){
          $(this).height((inHeight+60)+"px");
          $(this).find('.content').height((inHeight)+"px");
      }); 
  });
  </code></pre>
  
  <p>DEMO: <a href="http://jsfiddle.net/VTV6B/2/" rel="nofollow">http://jsfiddle.net/VTV6B/2/</a></p>
  
  <p>Now what I need to do is to change the JS to target mobile devices or maybe remove it to make each column behave independently. </p>
  
  <p>How can I disable this code if the user is on a mobile device?</p>