title: high Contrast mode using JQuery not working...Not sure why?
body: <p>I got this code from a website saying that it would solve my problem but i cannot seem to get it to work. What am i doing wrong? I am trying to have the end-user click this button to display a High Contrast Mode of my website</p>
  
  <pre><code>&lt;link rel="stylesheet" class="contrast-settings" href="http://cdn.zendasearch.com/vampnerdlord.com/main.min.css"/&gt;
  </code></pre>
  
  <p>contrast.js</p>
  
  <pre><code>// Contrast changing script
  $(".change-contrast").click(function () {
      var currentContrast = get_cookie('Contrast');
      if (currentContrast == "http://cdn.zendasearch.com/vampnerdlord.com/main.min.css" || currentContrast == "http://cdn.zendasearch.com/vampnerdlord.com/main.min.css") {
          $('.contrast-settings').attr("href", "http://cdn.zendasearch.com/vampnerdlord.com/high-contrast.css");
          set_cookie('Contrast', 'http://cdn.zendasearch.com/vampnerdlord.com/high-contrast.css', 1);
          } 
      else {
          $('.contrast-settings').attr("href", "/vampnerdlord.com/main.min.css");
          set_cookie('Contrast', '/vampnerdlord.com/main.min.css',1);
      }
      return false;
  });
  </code></pre>
  
  <p>my html code is</p>
  
  <pre><code>&lt;span class="change-contrast"&gt;&lt;a href="#"&gt;Contrast&lt;/a&gt;&lt;/span&gt;
  </code></pre>