jquery binding issue[solved]

jquery binding issue[solved]

I am fairly new to jquery and I am having trouble with binding my new objects so that they are also called on click events. I have read all the documentation on jquery.com and looked at the sticky on this forum but still no luck. Here is the jquery I have at the top of my page:

<script language="JavaScript" type="text/javascript">   
            $(document).ready( function()
            {
                $("a.paging").bind("click", function(e)
                {       
                    var title = $(this).attr("title");
                    e.preventDefault();
                    $("#table_record").slideUp("slow"); 
                    $("#ajaxloading").fadeIn();                                                                           
                           
                    $.ajax({
                    type: "post", 
                    cache: false,
                    dataType: "json",   
                    data: "page="+title+"&ajax=990423",
                    url: "'.$context['osm']['current_url'].'&record='.$context['osm']['single_record']['var'].'",   
                    success: function(data) {     
                      $("#table_record").html(data.table);
                      $("#ajax_paging").html(data.page);
                      $("#ajaxloading").slideUp("slow");         
                      $("#table_record").slideDown("slow");       
                    },
                    error: function(){                                                       
                        alert("'.$txt['records_selectbox_error'].'"); 
                    }                         
                    });           
                });         
            });   
 
        </script>


Basically I am using it to paginate a table and it works for the first click and not for the rest. Thanks Nick