title: How to hide md-select on the button click?
body: <p>I'm having the md-select and I want to hide it on a button click how this can be done please guide me into this.</p>
  
  <p>I've used this code but not working properly</p>
  
  <p>html code</p>
  
  <pre><code>&lt;div layout="column" layout-align="start center" class="header"&gt;
    &lt;div layout="column" layout-gt-md="row" layout-align="center end" layout-padding class="layout-max-width"&gt;
      &lt;div flex class="input-container"&gt;
        &lt;md-input-container flex&gt;
          &lt;label&gt;City&lt;/label&gt;
          &lt;md-select ng-model="filter.city"&gt;
            &lt;md-option ng-repeat="city in filter.availableCities" value={{city}}&gt;{{city}}&lt;/md-option&gt;
          &lt;/md-select&gt;
        &lt;/md-input-container&gt;
      &lt;/div&gt;
  
      &lt;div flex class="input-container"&gt;
        &lt;md-input-container flex&gt;
          &lt;label&gt;Search job options&lt;/label&gt;
          &lt;md-select multiple ng-model="filter.language" &gt;
  
            &lt;md-option  value="Show also expired jobs" ng-click="toogleExpireFilter()"&gt;
              Show also expired jobs
              &lt;md-checkbox style="display: inline;margin-left: 4em;" ng-checked="expiredJob" aria-label="Expired Job Filter"&gt;
              &lt;/md-checkbox&gt;
            &lt;/md-option&gt;
  
            &lt;md-option ng-click="toogleSwedishFilter()" value="Swedish language not required"&gt;
              Swedish language not required
              &lt;md-checkbox style="display: inline;" ng-checked="swedishCheck" aria-label="Swedish Language Filter"&gt;
              &lt;/md-checkbox&gt;
            &lt;/md-option&gt;
          &lt;/md-select&gt;
        &lt;/md-input-container&gt;
      &lt;/div&gt;       
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jquery code i'm using</p>
  
  <pre><code> $(".md-select-menu-container").removeClass('md-active');
  </code></pre>