use handler to avoid multiple ajax queries

docs/example1.html

@@ -204,24 +204,25 @@
 			    	$('#setAndRunModalBody').wfform('run');
 			    	$('#back_workflow').hide();
 					$('.status-panel').show();
-			    });
-				
+			    });				
+			    function outputWFHandler(event) {
+					$('#statusModalBody').wfoutputs({
+						workflowID: event.data.workflow_id
+					})
+					$('#back_workflow').show();
+					$('.status-panel').hide();
+			    }
 			    $("#active-workflows-list").activewf();
 				$("#active-workflows-list").on("select.active", function(event, workflow) {
 					$('#statusModalLabel').html(workflow["name"] + " <small>" + workflow["id"] + "</small>");
 				    $('#statusModalBody').wfstatus({
-						workflowID: workflow["id"]
+						workflowID: workflow.id
 				    });
 					$('#statusModal').modal();
 					$('#back_workflow').hide();
 					$('.status-panel').show();
-					$("#output_workflow").click(function() {
-						$('#statusModalBody').wfoutputs({
-							workflowID: workflow.id
-						})
-						$('#back_workflow').show();
-						$('.status-panel').hide();
-					});
+					$("#output_workflow").unbind('click', outputWFHandler);
+					$("#output_workflow").bind('click', {"workflow_id": workflow.id}, outputWFHandler);
 				});
 							    
 				/**