Need to change div's contents while slider changes
<p>My jquery banner needs to some fixes. I have used echo slider for banner. when banner image change to another image, we need to change the content in a div which is not inside the slider's boundary. The Div is separate div (No connection with slider ).</p>

<p>I have tried with the code. i just put if statement based on slider's navigation. </p>

<p>My codes affected the 1st banner image only. it doesnt affect next banner</p>

<p>Help me</p>

<p>Here below my codes</p>

<pre><code>&lt;div class="echo-nav"&gt;
&lt;a rel="0" class="echo-control active" href="javascript:;"&gt;1&lt;/a&gt;
&lt;a rel="1" class="echo-control" href="javascript:;"&gt;2&lt;/a&gt;
&lt;a rel="2" class="echo-control" href="javascript:;"&gt;3&lt;/a&gt;
&lt;a rel="3" class="echo-control" href="javascript:;"&gt;4&lt;/a&gt;
&lt;a rel="4" class="echo-control" href="javascript:;"&gt;5&lt;/a&gt;
&lt;a rel="5" class="echo-control" href="javascript:;"&gt;6&lt;/a&gt;
&lt;/div&gt;

&lt;script&gt;
     $(document).ready(function(){
    if($('.echo-nav a.active').attr('rel')=='0'){
            $('#app_info').text('Some dummy contents for one');                 
        }
    else if($('.echo-nav a.active').attr('rel')=='1'){
            $('#app_info').text('Some dummy contents for Two ');                    

              }
});
</code></pre>
