title: jquery highlight effect
body: <p>i'm trying to figure out the code for the jquery selector test found at <a href="http://www.w3schools.com/jquery/trysel.asp?filename=trysel_basic&amp;jqsel=p.intro,%23choose" rel="nofollow">http://www.w3schools.com/jquery/trysel.asp?filename=trysel_basic&amp;jqsel=p.intro,%23choose</a>.</p>
  
  <p>I'm getting error: </p>
  
  <blockquote>
    <p>Uncaught Syntax error, unrecognized expression: "h1" jquery.js:4241</p>
  </blockquote>
  
  <p>in Chrome developer tool when i enter h1 in the text box. By right it should highlight "Welcome to My Homepage" which is within <code>&lt;h1&gt;</code> tag.</p>
  
  <p>Can someone point out on where i'm going wrong? Thank you.</p>
  
  <p>The following is my code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $(":button").click(function(){
          var hl_str= '"'+$(":text").val()+'"';
          //document.write(hl_str);
          $(hl_str).effect("highlight",{color:"ff0000"},3000);
      });
  })
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;input type="text"&gt;
  &lt;input type="button" value="Edit and Click Me"&gt;
  &lt;h1&gt;Welcome to My Homepage&lt;/h1&gt;
  &lt;p class="intro"&gt;My name is Donald&lt;/p&gt;
  &lt;p&gt;I live in Duckburg&lt;/p&gt;
  &lt;p&gt;My best friend is Mickey&lt;/p&gt;
  Who is your favourite:
  &lt;ul id="choose"&gt;
  &lt;li&gt;Goofy&lt;/li&gt;
  &lt;li&gt;Mickey&lt;/li&gt;
  &lt;li&gt;Pluto&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>