Currently, I am attempting to use the load() function to ajaxly load two separate divs, #follow-x and #follow-y, by clicking a button. The approach I have taken is as follows within the success function of my code snippet. However, this method does not seem to be working properly. When I remove one of the functions, it successfully loads only one div, but ideally I would like both divs to be loaded simultaneously. Any assistance on this matter would be greatly appreciated.
$('#follow').click(function(){
$.ajax({
type: "POST",
url: "{% url 'follow_class' %}",
data: {'pk': '{{class.pk}}' , 'csrfmiddlewaretoken': '{{ csrf_token }}'},
dataType: "json",
success: function(){
$('#follow-x').load("{% url 'class_details' %} #follow-x");
$('#follow-y').load("{% url 'class_details' %} #follow-y");}
});
});
</script>
Please disregard the tags {}, as they are specific to the Django framework that I am using.