title: use jQuery to hide div with if statement and addClass
body: <p>I have a div generated through a plugin that I want to hide when disabled=true. After reading through the posts on SO, I thought maybe I could use .attr to find the disabled=true and then addClass to hide it with CSS display: none. I can't edit the plug-in or source code, so I'm hoping I can do this from the front end through our CMS. I'm a jQuery beginner so maybe this isn't possible?</p>
  
  <p><a href="http://cookware.lecreuset.com/cookware/product_Tea-for-One_10151_-1_20002_85568_22556" rel="nofollow">I want to hide the disabled arrows in the carousel at the bottom of this page</a>.  The HTML looks like this after it is generated by the plugin:</p>
  
  <pre><code>        &lt;div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal" style="display: block;" disabled="true"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and I have added this code to the CMS but it's not working. I don't see any errors in the console; is this the right approach? Is there something wrong with my syntax?</p>
  
  <pre><code>        if ($('div.jcarousel-prev.jcarousel-prev-horizontal.jcarousel-prev-disabled.jcarousel-prev-disabled-horizontal').attr('disabled', true)){
              $(this).addClass("arrow");
          }
  </code></pre>
  
  <p>Thanks in advance for any help.</p>