title: How to change font awesome in a class?
body: <p>I have the following 2 classes:</p>
  
  <pre><code>.invalid {
      padding-left:22px;
      line-height:24px;
      color:#ec3f41;
      class:fa;
  }
  .valid {
      padding-left:22px;
      line-height:24px;
      color:#3a7d34;
  }
  </code></pre>
  
  <p>in the invalid class I want to use </p>
  
  <blockquote>
    <p>fa-warning</p>
  </blockquote>
  
  <p>and in valid class I want to use </p>
  
  <blockquote>
    <p>fa-check</p>
  </blockquote>
  
  <h2>HTML:</h2>
  
  <pre><code>&lt;ul&gt;
          &lt;li id="letter" class="invalid"&gt; At least &lt;strong&gt;one letter&lt;/strong&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <h2>JQuery:</h2>
  
  <pre><code>if (pswd.match(/[A-z]/)) {
                          $('#letter').removeClass('invalid').addClass('valid');
                      } else {
                          $('#letter').removeClass('valid').addClass('invalid');
                      }
  </code></pre>