Problemas utilizando carregando dinâmico com Ajax e plugin de paginação

<script type="text/javascript">
$(function () {
$("#categorias").selectbox({
onChange: function (val) {
$("ul#lista").html('Carregando...');
$.ajax({
type: "GET",
data: {id_categoria: val},
url: "portfolio_ajax.php",
success: function (data) {
$("ul#lista").html(data);
}
});
},
effect: "slide"
});
});
$(function() {
/* initiate plugin */
$("div.holder").jPages({
containerID: "lista",
perPage      : 2,
first       : "PRIMEIRA",
previous    : "ANTERIOR",
next        : "PRÓXIMA",
last        : "ÚLTIMA"
});
});
</script>

<div id="principal">

<div class="centro">

<?php include("slider.php"); ?>

</div> <!-- centro -->

<header class="header-title">

<div class="centro">

<h1>PORTFÓLIO</h1>

</div>

</header> <!-- header-title -->

<div class="centro bg-white">

<div class="padding">

<section id="portfolio">

<div class="fleft _30 mbottom_30">
<select name="categorias" id="categorias" tabindex="1">
<option value="0">-- Selecione uma categoria --</option>
<?php

$sql = mysql_query("SELECT * FROM portfolio_categoria ORDER BY titulo_categoria ASC");
while ($cat = mysql_fetch_array($sql)){

?>

<option value="<?php echo $cat['id_categoria']; ?>"><?php echo $cat['titulo_categoria']; ?></option>

<?php

}

?>
</select>
</div>

<div class="paginacao fright right _60 mbottom_40">
<div class="holder"></div>
</div>

<div class="clear"></div>

<ul id="lista">

<?php

$cont = 1;
$sql = mysql_query("SELECT * FROM portfolio ORDER BY id_portfolio DESC");
if (mysql_num_rows($sql) == 0){
echo '<p>Até o momento nenhum trabalho foi cadastrado em nosso portfólio.</p>';
}else{
while ($row = mysql_fetch_array($sql)){
$sql_categoria = mysql_query("SELECT * FROM portfolio_categoria WHERE id_categoria = ".$row['id_categoria']." LIMIT 1");
$categoria = mysql_fetch_array($sql_categoria);
?>

<li class="<?php if ($cont % 2 == 0){ echo 'fright'; }else{ echo 'fleft'; } ?>">

<a href="index.php?pag=detalhes-portfolio&id=<?php echo $row['id_portfolio']; ?>">

<div class="p_5">

<figure class="img fleft">

<div class="detalhe"></div>

<div class="mais"></div>

<img src="uploads/portfolio/sacola.png" alt="" />

</figure>

<div class="categoria">
<?php echo $categoria['titulo_categoria']; ?>
</div>

<div class="dados fright">

<h2><?php echo $row['titulo_portfolio']; ?></h2>

<article class="texto mtop_5">

<?php echo $row['descricao_portfolio']; ?>

</article>

</div>

</div>

</a>

</li>

<?php

$cont++;
}

}

?>


</ul>

<div class="clear"></div>

</section> <!-- portfolio -->

</div> <!-- padding -->

</div>

</div>

<?php

include("adm/db/conecta.php");

$id = $_GET['id_categoria'];

$sql = mysql_query("SELECT * FROM portfolio WHERE id_categoria = ".$id." ORDER BY id_portfolio DESC");
if (mysql_num_rows($sql) == 0){
echo '<p>Nenhum dado encontrado.</p>';
}else{
$cont = 1;
while ($row = mysql_fetch_array($sql)){
$sql_categoria = mysql_query("SELECT * FROM portfolio_categoria WHERE id_categoria = ".$row['id_categoria']." LIMIT 1");
$categoria = mysql_fetch_array($sql_categoria);

echo '<li class="';
if ($cont % 2 == 0){ echo 'fright'; }else{ echo 'fleft'; }
echo '">
<a href="index.php?pag=detalhes-portfolio&id='.$row['id_portfolio'].'">

<div class="p_5">

<figure class="img fleft">

<div class="detalhe"></div>

<div class="mais"></div>

<img src="uploads/portfolio/sacola.png" alt="" />

</figure>

<div class="categoria">'.
$categoria['titulo_categoria']
.'</div>

<div class="dados fright">

<h2>'.$row['titulo_portfolio'].'</h2>

<article class="texto mtop_5">

'.$row['descricao_portfolio'].'

</article>

</div>

</div>

</a>

</li>';


$cont++;
}

}
?>