Ссылка перестает работать после перезагрузки ajax родительского контейнера

Question

На моей странице ( ССЫЛКА ) я хотел добавить ajax список страниц, добавленных ранее.Список работает нормально, пока я не перейду на следующую страницу.Тогда все перестает реагировать, хотя я использую livequery.Даже введение родительского div в обновленный не решило проблему.Есть идеи, что происходит?

Родительский контейнер:

    <div id="videos-wrapper">
        <div class="videos-list">
            <h3>Previous Videos</h3>
            DATA  GOES HERE
        </div>
    </div>

обновленный HTML:

<ul id="videos-{{ page }}">
    {% for obj in objects %}
        <li>
            <a href="#" class="{{ obj.id }}">
                <img src="{{obj.video.thumbnail_url}}" alt="{{ obj.video.title }}" />
            </a>
        </li>
    {% endfor %}
</ul>

{% if prev %}
    <a href="#" class="vid-navi">
        <span class="{{ prev }}">prev</span>
    </a>
{% endif %}    

{% if next %}
    <a href="#" class="vid-navi">   
        <span class="{{ next }}">next</span>  
    </a>
{% endif %}

js:

$('#videos-wrapper .vid-navi').livequery('click', function(e) {
    e.preventDefault();
    var page = $("span", this).attr('class');

    alert("GO");

    $.ajax({
        type: "POST",
        url: "/play-forward/change-page",
        data: "page=" + page,
        dataType: "json",
        success: function(data){
            $('.videos-list').html(data['html']);
        }
    });
    return false;
});

Answer 1

Я использую встроенный в jQuery live (), чтобы делать это постоянно.Выглядит как простой обмен тем, что у вас здесь есть.

http://api.jquery.com/live/