title: Javascript else if statement not working
body: <p>I have the following:</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;div class="tab-pane" id="message"&gt;
        &lt;textarea rows="4" cols="50" id="send_message" placeholder="Enter text ..."&gt;  &lt;/textarea&gt;
        &lt;a href="#message" class="btn btn-large btn-info"  data-toggle="tab"&gt;OK&lt;/a&gt;
        &lt;a href="#message" class="btn btn-large btn-info"  data-toggle="tab"&gt;Cancel&lt;/a&gt;
  </code></pre>
  
  <h2>JavaScript</h2>
  
  <pre><code>$('#message').click(function(){
      if($("a", this).is(":contains(OK)")) {
          console.log("im in OK!!");
      } else if($("a", this).is(":contains(Cancel)"))  {
          console.log("im in cancel!!");
      }
  });
  </code></pre>
  
  <p>This works fine when I hit the OK button and executes as expected, however when I hit cancel the code in OK is executed only. The cancel code never executes! What am I doing wrong?</p>