title: toggleClass not removing first class
body: <p>I have the following html:</p>
  
  <pre><code>&lt;div class="profileRowHeader"&gt;
      &lt;i class="glyphicon glyphicon-folder-close" id="folderIcon"&gt;&lt;/i&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When <code>.profileRowHeader</code> is clicked I want to remove class <code>glyphicon-folder-close</code> and add class <code>glyphicon-folder-open</code> to <code>#folderIcon</code></p>
  
  <p>This is what I'm trying:</p>
  
  <pre><code>$('.profileRowHeader').click(function() {
      $(this).find("#folderIcon").toggleClass('glyphicon-folder-open','glyphicon-folder-close');
  });
  </code></pre>
  
  <p>But all it does is simply add the <code>glyphicon-folder-open</code> class and not remove the <code>glyphicon-folder-close</code> class as below:</p>
  
  <pre><code>&lt;i class="glyphicon glyphicon-folder-close glyphicon-folder-open" id="folderIcon"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>Is this expected behaviour? I really need to remove it if possible</p>