title: jQuery Append/Remove - appends, but no remove
body: <pre><code>   function addFormReqFields() { // Add * for required fields
          $('form label').each(function(index) {
              if ($(this).hasClass('required')) {
                  $(this).append('&lt;span class="required"&gt; *&lt;/span&gt;');
              }
          });
      }   
  
      $('#oh_CountryDrpDwn').change(function(){
          var CountryDrpDwn = $('#oh_CountryDrpDwn').val();
          if (CountryDrpDwn != 'usa')
          {
              $('#oh_ZipLbl').remove('&lt;span class="required"&gt; *&lt;/span&gt;');
          }
          });
  </code></pre>
  
  <p>I can't seem to get this to work.</p>
  
  <p>I have a form where all of the elements are initially set to required with a red asterisk. (first function).</p>
  
  <p>In the second function, I have a select field (oh_CountryDrpDwn) that when the value is not equal to 'usa' I want to remove the <code>&lt;span class="required"&gt; *&lt;/span&gt;</code> from the label.</p>
  
  <p>But it doesn't seem to be triggering at all.</p>
  
  <p>Any insight?</p>
  
  <p>thanks.</p>