I create a click event but that event affects both dropdown i want do one by one, also i would like when I click in the next dropbox the first icon back to place, does not matter if i click in the first or second always puting back the icon that is my html and jquery : <http://jsfiddle.net/rtu1tzep/>

html:

```
    <div class="body-title">
        title
    </div>

    <div class="form-group">
        <div class="col-md-16">
      <button type="button" class="btn btn-lg dropdown-toggle btn_body" data-toggle="dropdown" aria-expanded="false">
      <span id="users_label">users</span><i class="glyphicon glyphicon-asterisk"></i></button>
        </div>
    </div>

    <div class="form-group">
       <div class="col-md-16">
        <button type="button" class="btn btn-lg dropdown-toggle btn_body" data-toggle="dropdown">
     <span id="clients_label">clients</span>
    <i class="glyphicon glyphicon-asterisk"></i>

             </div>
        </div>

</div>

```

jquery:

```
  $( ".btn_body" ).click(function(){
    $('i').removeClass('glyphicon-asterisk');
    $('i').addClass('glyphicon-star');
  });

```