Javascript stops working when user control is added to the page
<p>I am developing website using asp.net and c#. I have one index page, where the javascript is used for sliding the image. I have created one user control named NewsBar.ascx. In the NewsBar.ascx user control, there is javascript for sliding the news. Both the script runs perfectly. But whenever I import the user control to the index page. The image sliding javascript stops working.</p>

<p>Any idea or solution for this problem?</p>

<p>Index page javasrcipt "Header Part"</p>

<pre><code>&lt;link rel="stylesheet" type="text/css" href="engine1/style.css" /&gt;
&lt;style type="text/css"&gt;a#vlb{display:none}&lt;/style&gt;
&lt;script type="text/javascript" src="engine1/jquery.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="engine1/wowslider.js"&gt;&lt;/script&gt;
</code></pre>

<p>"Body Part"</p>

<pre><code>     &lt;div id="wowslider-container1"&gt;
        &lt;div class="ws_images"&gt;
        &lt;span&gt;&lt;img src="1.jpg" alt="" title="" id="wows0"/&gt;&lt;/span&gt;
        &lt;span&gt;&lt;img src="2.jpg" alt="" title="" id="wows1"/&gt;&lt;/span&gt;
        &lt;span&gt;&lt;img src="3.jpg" alt="" title="" id="wows2"/&gt;&lt;/span&gt;
        &lt;/div&gt;
        &lt;div class="ws_bullets"&gt;&lt;div&gt;
        &lt;a href="#wows0" title=""&gt;&lt;img src="../data1/tooltips/1.jpg" alt="+2Wings"/&gt;1&lt;/a&gt;
        &lt;a href="#wows1" title=""&gt;&lt;img src="../data1/tooltips/2.jpg" alt="College1"/&gt;2&lt;/a&gt;
        &lt;a href="#wows2" title=""&gt;&lt;img src="../data1/tooltips/3.jpg" alt="College2"/&gt;3&lt;/a&gt;
        &lt;/div&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript" src="engine1/script.js"&gt;&lt;/script&gt;
</code></pre>

<p>News Bar User Control</p>

<pre><code>&lt;link rel="stylesheet" href="../../Resources/Styles/NewsBar/style-newsticker.css" type="text/css" media="screen" /&gt;
&lt;script src="../../Resources/Scripts/NewsBar/jquery-1.5.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="../../Resources/Scripts/NewsBar/jcarousellite_1.0.1c4.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(function () {
    $("#newsticker-demo").jCarouselLite({
        vertical: true,
        hoverPause: true,
        btnPrev: ".previous",
        btnNext: ".next",
        visible: 3,
        auto: 3000,
        speed: 500
    });
});
</code></pre>

<p></p>

<p>I have registered the user control in the web.config and use </p>

<pre><code>&lt;uc5:NewsBar runat="server" /&gt;
</code></pre>

<p>to call the user control in the index.aspx page.</p>
