Изменение содержимого div с помощью .html после

Question

После этого:

        $.ajax({
            type: "POST",
            url: $("#form").attr("action"),
            data: "value=" + value + "&sel=" + sel,
            success: function(data) {
                $("#cont-pag").html(data);
            }
            /*success: function(msg) {
                alert(msg);
            }*/
        });    

Я получаю большой кусок кода (я проверил с предупреждением msg) внутри a. У меня уже есть большой элемент div на моей исходной странице, я просто хочу, чтобы тот, который был вызван вызовом ajax, заменил предыдущий. Я делаю это неправильно?

Редактировать: структура, которая должна отображаться, выглядит следующим образом: У меня есть мой запрос здесь и прочее, а затем ...

echo'<div id="cont_pag">    
<ul id="content_pag">'; 
    while($row = mysql_fetch_object($res)){ 
                echo'<li>...</li>';
            }
echo'</ul>'; //here is when my msg will stop painting code, but there's more:
if (mysql_num_rows($res)>8)
echo '<div id="page_navigation"></div><div class="siguiente-pag"><p>'.$cajon_siguiente.'</p></div>
 </div>'; ?>

Хорошо, поэтому я отвечаю на это последнее сам. Я пропустил разметку как всегда:

 echo '<div id="page_navigation"></div><div class="siguiente-pag"><p>'.$cajon_siguiente.'</p></div>';
 echo'</div>'; ?>

И теперь предупреждение показывает это правильно, но .html не заменяет оригинальный div. Можно где-нибудь конфликтующий сценарий? (это сложный проект, над которым работает много людей, и тут и там есть несколько настроек jquery). Могу ли я сделать замену div по-другому?

Answer 1

Попробуйте добавить:

dataType: 'html',

Чтобы указать, какой тип данных возвращается.Также рассмотрите возможность использования Firebug и его функции console.log для проверки ошибок и того, что возвращается.