Ajax conflict

Ajax conflict

callAjax works fine alone without  $('.link').click(function(){.
But it does NOT work with  $('.link').click(function(){.



----------------------
$(document).ready(function(){
      
        var callAjax = function(){
          $.ajax({
            method:'get',
            url:'random.php',
            success:function(data){
              $("#sample").html(data);
            }
          });
        }
        setInterval(callAjax,2000);
      });

       $('.link').click(function(){
                               
                var elem = $(this);
                $.ajax({
                    type: "GET",
                    url: "patest.php",
                    data: "id="+elem.attr('data-artid'),
                    success: function(data) {
                          $('#right_td').html(data);
                     }
                });
                 return false;  
                
            });
});

====== 
I think this might be a kind of a conflict. 
What about ePreventdefault or e.stopPropagation or return false?