Javascript is broken in html page source
<p>I have a java web application. I am using jquery in it. I am calling some javascript from my jsp page. I have used EL, jstl tag in my page. Some of jquery variables is assigned from jsp variable. A strange problem occurs randomly. Some of javascript line have broken. I found those from Page Source option of browser. But in the jsp page I have found that no code is broken.
Say I have the following line in jsp</p>

<pre><code>var iChars = "!@#$%^&amp;*()+=-[]\\\';,./{}|\":&lt;&gt;?~_";
var term = $.trim(request.term.toLowerCase());
var wordCount = term.split(" ").length;

if (term.length &gt; 0 &amp;&amp; iChars.indexOf(term.charAt(0)) == -1) {
    // here a jquery ajax call
}
else if (term.length &gt; 0 &amp;&amp; iChars.indexOf(term.charAt(0)) != -1) {
   $("#simpleSearch-1105 .field").autocomplete("close");
   alert("Search word should not start with !@#$%^&amp;*()+=-[]\\\';,./{}|\":&lt;&gt;?~_");
}
</code></pre>

<p>But in the html page source I found the line as follows</p>

<pre><code>$("#simpleSearch-
1105 .field").autocomplete("close");
</code></pre>

<p>The code is broken to two line. For this getting js error. I found no valid reason for that. It seems completely strange to me. Could you guys can give me some clue ? Whats may be the cause ?</p>

<p>Note: I also have firebug installed. First I thought that it may be due to firebug. Then I uninstalled firebug. But still same result.</p>
