title: Changing an icon inside a toggle button?
body: <p>I have a button that has an icon in it, and I have some jQuery code opening and closing a div. </p>
  
  <p>I have some code that switches the icon from a plus to minus, but the issue is that I have to click directly on the icon for it to work instead being able to click anywhere on the button, and that can be an issue for the minus icon.</p>
  
  <p>My HTML looks like this:</p>
  
  <pre><code>&lt;button class="pull-right toggleBtn span1"&gt;&lt;i class="icon-plus"&gt;&lt;/i&gt;&lt;/button&gt;
  </code></pre>
  
  <p>and my jQuery to switch the icons looks like this:</p>
  
  <pre><code>$(".toggleBtn").on('click','.icon-minus, .icon-plus',function(){
          $(this).toggleClass("icon-minus icon-plus");
      });
  </code></pre>
  
  <p>Any help would be awesome!</p>