title: String comparison returns false. Strange javascript behaviour with jQuery mobile
body: <p>I started to create a todo list with jQuery mobile in order to learn it better. I'm listening to the events coming from the buttons of a menu like this:</p>
  
  <pre><code>        me.selectedTarget = me.menuNode.find(".ui-btn").first();
  
          me.menuNode.on("click", ".ui-btn", function (e) {
              var target =  $(e.currentTarget)
                  ,targetText = target.text();
              console.debug("Click on'", targetText,"'" );
              if(target === me.selectedTarget) return;
  
              if(targetText == "View To Do "){
                  core.pub("view:todo");
              } else if(targetText == "View Done ") {
                  core.pub("view:done");
              } else {
                  me.selectedTarget.click();
              }
              me.selectedTarget = target;
          });
  </code></pre>
  
  <p>The variable targetText has one extra " " space at the end for some reason. I have 3 buttons, but the third one is a bit special - not relevant anyway -.</p>
  
  <p><img src="https://i.stack.imgur.com/tfXYx.png" alt="the buttons that this code listens to."></p>
  
  <p>My problem is that I'm always getting on the last else clause. targetText never get's to be equal to "View To Do " or "View Done ".</p>
  
  <p>Why isn't "View Done " == "View Done "? ~X(</p>
  
  <p><img src="https://i.stack.imgur.com/JJfPe.png" alt="firebug debugging results"></p>
  
  <p><img src="https://i.stack.imgur.com/B3Kht.png" alt="the html markup"></p>