part of my JS being printed at bottom of HTML
<p>I can't figure out why but at the bottom of my HTML output I have this portion of my JS being printed:</p>

<pre><code>cel: function() {
$( this ).dialog( “close” );
}
}
});

/* END REFRESH */
});
</code></pre>

<p>which is at the end of my jQuery functions, like so:</p>

<pre><code>var $newChange = $('&lt;div&gt;&lt;/div&gt;')
        .html('Change detected')
        .dialog({
            autoOpen: false,
            title: 'Refresh!',
            modal: true,
            buttons: {
                "Refresh": function() {
                    $("#divHint").load('url.php','q=0');
                    $( this ).dialog( "close" );
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });


/* END REFRESH */
});
&lt;/script&gt;
</code></pre>

<p>So halfway through my "Cancel" button it begins to print my js. Can someone tell me why this is happening / how to fix it? Any help appreciated.</p>

<p>There are no errors in console.</p>
