title: Using jQuery to change CSS property value
body: <p>First, I must apologise. My Javascript knowledge/experience is very basic and I have tried searching for my solution (which I <em>know</em> will be very simple) but not having much luck.</p>
  <p>I'm trying to use jQuery so when a button (with a specific ID) is clicked it changes a CSS property value.</p>
  <p>This is the HTML:</p>
  <pre><code>      &lt;div id=&quot;englishbutton&quot; class=&quot;button&quot;&gt;
          English
        &lt;/div&gt;
  </code></pre>
  <p>This is the existing CSS property I'm looking to change:</p>
  <pre><code>a:lang(en) {
    background-color: #ffdc00;
  }
  </code></pre>
  <p>And this is what I've got:</p>
  <pre><code>$('#englishbutton').on('click',
      function(){
          $('a:lang(en)').css({
              'background-color' : '#000000',
          });
      });
  </code></pre>
  <p>EDIT:
  Thanks everyone for your help. As suggested, I switched to using a class rather than language property and was able to get what I needed working!</p>