title: Comparison of innerHTML with JQuery
body: <p>I am trying to change <code>&lt;p&gt;</code> background according to its contact (<code>innerHTML</code>) but I cant get it to work.</p>
  
  <pre><code>&lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function(){
      $("button").click(function(){
          if ($("p").innerHTML === "just a test"){
              $("p").css("background","yellow");
          }
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;p&gt;just a test number1&lt;/p&gt;
  &lt;p&gt;just a test number2&lt;/p&gt;
  &lt;p&gt;just a test&lt;/p&gt;
  
  &lt;button&gt;Execute&lt;/button&gt;
  
  &lt;/body&gt; 
  </code></pre>
  
  <p>I expected only the last <code>&lt;p&gt;</code> background to change but nothing happens, why is that?</p>