Error in JavaScript when implementing input field shadow
<p>I want to implement a shadow into an input field. This is the JavaScript code that I am using:</p>

<pre><code>&lt;!-- input field shadow  --&gt;
var placeholder = "test field"
$("input").on({
    focus: function() {
        if (this.value == placeholder) {
            $(this).val("").removeClass("shadow");
        }
    },
    blur: function() {
        if (this.value == "") {
            $(this).val(placeholder).addClass("shadow");
        }
    }
}).trigger("blur");​    
</code></pre>

<p>When I run the code in Firefox I get this error message:</p>

<blockquote>
  <p>illegal character }).trigger("blur");</p>
</blockquote>

<p>Is there a bug into the code? How I can fix it?</p>
