title: jquery - Remove html if width is less than 767px
body: <p>Currently, I have a modal pop-up (Shadowbox) for a "feedback" form to our site. I am fine with the modal on desktop browsers, but I want to open a new "page" on a mobile browser (less than 767px) and do away with modal complications on mobile devices.</p>
  
  <p>Is there a jquery solution to remove the 'rel="shadowbox"' element from the link code so that it just opens a new browser window?</p>
  
  <p>Example:</p>
  
  <p>Desktop Version</p>
  
  <pre><code>&lt;a href="site.com" target="_blank" rel="shadowbox"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>767px or less Version</p>
  
  <pre><code>&lt;a href="site.com" target="_blank"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>So far I have this script:</p>
  
  <pre><code>&lt;script&gt;
  $( "a" )
    .contents()
    .filter(function(){
      return this.nodeType !== 1;
    })
    .remove( "rel="shadowbox"" );
  &lt;/script&gt;
  </code></pre>
  
  <p>I cannot figure out how to first detect width to apply the "if, then". </p>
  
  <p>Help is much appreciated! I, admittedly, do not work with JS as much as I need to.</p>