I have a click function which firstly opens a prompt dialog, calls an ajax script and then proceeds to the second part of the function.

By adding a return false; after the prompt the script it unable to proceed to step 2. 

Does anybody have a better way of doing what Im trying to do?

2. $("#btn_next").click( function(event){
3. 
   
4. var form_values = $('#content_form [name^="data"]').serialize();
5. var url = $(this).attr('href');
6. var action = $('#content_form').attr('action');
7. 
   
8. // Step 1
9. if( $('body').hasClass('template-informationform') ){
10. 
    
11.       bootbox.confirm("Do you need to blah blah?", "No", "Yes", function(result) {
12.             var skip = false;
13.             if (! result){
14.                   skip = true;
15.             }
16.             $.post('/content/ajaxskipcontent', {data: skip});
17.       });
18. return false;
19. }
20. 
    
21. // Step 2
22. if (form_values.length > 0) {
23.       $.post(action, {data: form_values}, function(result) {
24.             if (result=='success') {
25.                 window.location.href = url;
26.             }else{
27.                   alert('Unable to save content');
28.             }
29.       });
30.       return false;
31. }
32. 
    
33. });