Commented Unassigned: Multiple cascading dropdown list [10169]

I have three list items : Department, Team, and ComplainType
Both Team and ComplainType are based on Department, however only first call to SPServices.SPCascadeDropdowns is working. Below is my code. Any help appreciated.




<script language="javascript" type="text/javascript" src="jQuery1.10.2-min.js"></script>
<script language="javascript" type="text/javascript" src="jquery.SPServices-2013.01.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$().SPServices.SPCascadeDropdowns({
relationshipWebURL: "/",
relationshipList: "DepartmentTeam",
relationshipListParentColumn: "Department",
relationshipListChildColumn: "Title",
parentColumn: "Department",
childColumn: "Team"
});

$().SPServices.SPCascadeDropdowns({
relationshipWebURL: "/",
relationshipList: "DepartmentComplaintTypes",
relationshipListParentColumn: "Department",
relationshipListChildColumn: "Title",
parentColumn: "Department",
childColumn: "ComplaintType"
});

});
</script>
Comments: I think this should look more clean.: <script language="javascript" type="text/javascript" src="jQuery1.10.2-min.js"></script> <script language="javascript" type="text/javascript" src="jquery.SPServices-2013.01.min.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function() { $().SPServices.SPCascadeDropdowns({ relationshipWebURL: "/", relationshipList: "DepartmentTeam", relationshipListParentColumn: "Department", relationshipListChildColumn: "Title", parentColumn: "Department", childColumn: "Team" }); $().SPServices.SPCascadeDropdowns({ relationshipWebURL: "/", relationshipList: "DepartmentComplaintTypes", relationshipListParentColumn: "Department", relationshipListChildColumn: "Title", parentColumn: "Department", childColumn: "ComplaintType" }); }); </script