title: Why doesn't this jQuery code to remove a border from a div work?
body: <p><a href="http://jsfiddle.net/XWt53/" rel="noreferrer">jsFiddle</a></p>
  
  <p>I'm trying to remove the border of a div using jQuery, but it's not working. What am I doing wrong?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;style&gt;
    div { width: 200px; height: 150px; background-color: #f33; border: 10px solid silver;}
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id="a1"&gt;&lt;/div&gt;
    &lt;br&gt;
    &lt;br&gt;
    &lt;div id="a3"&gt;click&lt;/div&gt;  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>$("#a3").click(function() {
      $('#a1').css("border", ""); 
  }):
  </code></pre>