title: How to remove class on mouseleave
body: <p>I want to remove the class on <code>&lt;div id="track_order" class="active"&gt;</code> after <code>mouseleave</code> on<code>&lt;div class="box_circle"&gt;</code>. How can I achieve this?</p>
  
  <p>Here is my example:
  <a href="http://jsfiddle.net/Cf9dY/" rel="nofollow">http://jsfiddle.net/Cf9dY/</a></p>
  
  <p><strong><em>jQuery</em></strong></p>
  
  <pre><code>jQuery('#b_track_order').click(function(){
      jQuery('#track_order').addClass('active');
  });
  </code></pre>
  
  <p><strong><em>HTML</em></strong></p>
  
  <pre><code>&lt;div class="order"&gt;
      &lt;div class="rope"&gt;&lt;/div&gt;
      &lt;div id="track_order"&gt;
          &lt;label&gt;Order number&lt;/label&gt;
          &lt;input type="text" value="Order number"&gt;
          &lt;label&gt;Phone number&lt;/label&gt;
          &lt;input type="text" value="Phone number"&gt;
          &lt;label&gt;Address&lt;/label&gt;
          &lt;input type="text" value="Address"&gt;
      &lt;/div&gt;
      &lt;div class="box_circle"&gt;
          &lt;div class="loop"&gt;&lt;/div&gt;
          &lt;div class="circle_order"&gt;
              &lt;div class="pos"&gt;
                  &lt;div class="order"&gt;&lt;/div&gt;
                  &lt;div class="follow"&gt;
                      &lt;a class="button" href="#"&gt;&lt;span&gt;Order&lt;/span&gt;&lt;/a&gt;
                      &lt;a id="b_track_order" class="button" href="#"&gt;&lt;span&gt;Track Order&lt;/span&gt;&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>