title: How can i display button in two different colors on click the button
body: <p>I need to display the button in white color for the first time and if user clicks on the button it should be turned to blue that means first buttonInactive 
  style code class should be applied and if i click buttonActive I am enabling the prop to true in button click event but its not working</p>
  
  <pre><code>.buttonActive {
      background-color: #1E78AB;
      border: 1px solid #1E78AB;
      color: #fff;
  
  }
  .buttonInactive {
      background-color:#fff;
      border: 1px solid #1E78AB;
      color: #1E78AB;
  
  }
  </code></pre>
  
  <p>html code</p>
  
  <pre><code>&lt;button id="btn1" type="button" class="buttonInactive"&gt;Test&lt;/button&gt;
  </code></pre>
  
  <p>Jquery </p>
  
  <pre><code>$("#btn1").click(function () {
  
      });
  </code></pre>