[jQuery] Problem with livequery and data loaded with ajax call

[sbakshi]

Hi,

I am using a user control in the page to display the list messages
posted by the logged in user. The user control also includes the
paging, which is implemented using ajax.Actionlink.

In the list I have a delete button where we are using boxy class to
modal popup for confirmation of deletion. Everything works fine on the
page load but when I use paging then the records are deleted without
prompting anything.

Here is the jquery code:
<script type='text/javascript'>

 $("a[rel*=friend]")
     .livequery('click',function(e) {
            $('.boxy').boxy();
            return false;
     });

</script>


Code used for paging:
<div class="pager pager-top">
        <ul>
            <%if (Model.PageIndex > 0)
              {  %>
            <li class="prev">
                <%= Ajax.ActionLink("PREV", "ProfileTab", new { id =
"3", page = Model.PageIndex - 1 }, new AjaxOptions { UpdateTargetId =
"ui-tabs-15" }, new { @class = "ir" })%></li>
            <%} %>

            <%if (Model.PageIndex != Model.TotalPages)
              { %>
            <li class="next">
                <%= Ajax.ActionLink("NEXT", "ProfileTab", new { id =
"3", page = Model.PageIndex + 1 }, new AjaxOptions { UpdateTargetId =
"ui-tabs-15" }, new { @class = "ir" })%></li>
            <%} %>
        </ul>
    </div>



Code for Delete button:
<%= Html.ActionLink("Delete Message", "DeleteComment", new { id =
item.Id, page = Model.PageIndex, sortOrder = Model.OrderBy.ToString
() }, new { @class = "boxy", @id = "ui-tabs-15", @rel = "friend" })%>


Can any one help me solving the problem?

Thanks in advance
Sitanshu