not getting a sliding effect when loading images via Ajax
<p>I need to load different images  from each section  and use  image slider for every section .</p>

<p>for Example : Sections Tabs : IT  - Information Security - Wed development ...etc .</p>

<p>Then when user click on any section will display images slider related to this section .</p>

<p>So I created that with Ajax .</p>

<p>homepage :</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;test &lt;/title&gt;
&lt;link rel="stylesheet" type="text/css" href="demo.css" /&gt;
&lt;script type="text/javascript" src="jquery-1.4.2.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="newscript.js"&gt;&lt;/script&gt;
    &lt;link href="themes/2/js-image-slider.css" rel="stylesheet" type="text/css" /&gt;
    &lt;script src="themes/2/js-image-slider.js" type="text/javascript"&gt;&lt;/script&gt;
    &lt;link href="generic.css" rel="stylesheet" type="text/css" /&gt;
&lt;/head&gt;

&lt;body&gt;

&lt;div id="rounded"&gt;
&lt;img src="img/top_bg.gif" alt="top" /&gt;&lt;div id="main" class="container"&gt;
    &lt;ul id="navigation"&gt;
    &lt;?php
       include("samiloxide.php");
       $sql=mysql_query(" select * from  section ");

       while($r=mysql_fetch_array($sql)){
           echo "&lt;li&gt;&lt;a  onclick='loadpage($r[id])' &gt;$r[section]&lt;/a&gt;&lt;/li&gt;" ;
       }
    ?&gt;

    &lt;li&gt;&lt;img id="loading" src="img/ajax_load.gif" alt="loading" /&gt;&lt;/li&gt;
    &lt;/ul&gt;

    &lt;div class="clear"&gt;&lt;/div&gt;        
    &lt;div id="pageContent"&gt;
  &lt;/div&gt;   
...........
</code></pre>

<p>JavaScript file :</p>

<pre><code>    var section;
    function loadpage(section){ 
       var section = section.toString();      
       $.ajax({
          type: "POST",
          url: "get.php",
          dataType: "script",
          data: ({section : section}),
          success: function(html){
             $("#pageContent").empty();
             $("#pageContent").append(html);
          }
       });
     }

-------
</code></pre>

<p>get.php  file :</p>

<pre><code>    &lt;div id="sliderFrame"&gt;
        &lt;div id="slider"&gt;

           &lt;?php
        include("samiloxide.php");
        //if(!$_POST['page']) die("0");

        $section = (int)$_POST['section'];

        $sql=mysql_query(" select * from images   where section='$section'");


        while($rr=mysql_fetch_array($sql)){
           echo " &lt;img src='$rr[image]' alt='text..' /&gt;";
                }
           ?&gt;

        &lt;/div&gt;
.....
</code></pre>

<p>Slider not work just load image without sliding effect !!  but if i call get.php from browser ...etc  it's work ??!! 
What's problem in my Ajax code?</p>
