Test form

<div class="container">
    <h1>Multi Step Form with Progress Bar using jQuery and Bootstrap</h1>
    
    <div class="progress">
        <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="width: 33%;">33%</div>
    </div>
    <div class="alert alert-success hide"></div>
    <form id="subForm" class="js-cm-form" action="https://www.createsend.com/t/subscribeerror?description=" method="post" data-id="92D4C54F0FEC16E5ADC2B1904DE9ED1A2402DDF7156F07484498643AE543C1D93EE1242CDB00E9438D34AA674B2879057EA8ECBD0C8CB16B1D4CDCBAE85131EB">
    <fieldset>
        <select id="fieldfmily" name="cm-fo-fmily" required>
            <option value="" disabled="" selected="">Do you currently own property?</option>
            <option value="3519535">Yes</option>
            <option value="3519536">No</option>
        </select>
        <input type="button" name="next" class="next btn btn-info" value="Next">
    </fieldset>
    <fieldset>
        <select id="fieldfmili" name="cm-fo-fmili">
            <option value="" disabled="" selected="">Your age group:</option>
            <option value="3519537">20-30</option>
            <option value="3519538">30-40</option>
            <option value="3519539">50-60</option>
            <option value="3519540">60+</option>
        </select>
        <input type="button" name="previous" class="previous btn btn-default" value="Previous">
        <input type="button" name="next" class="next btn btn-info" value="Next">
      
    </fieldset>
    <fieldset>
         <select id="fieldfmilh" name="cm-fo-fmilh">
            <option value="" disabled="" selected="">You are working:</option>
            <option value="3519541">Full time</option>
            <option value="3519542">Part time</option>
            <option value="3519543">Own your own business</option>
        </select>
        <input type="button" name="previous" class="previous btn btn-default" value="Previous">
         <input type="button" name="next" class="next btn btn-info" value="Next">
    </fieldset>
    <fieldset>
        <select id="fieldfmilu" name="cm-fo-fmilu">
            <option value="" disabled="" selected="">Your annual income:</option>
            <option value="3519544">$70-$80k</option>
            <option value="3519545">$80-$90k</option>
            <option value="3519546">$90-$100k</option>
            <option value="3519547">$100-$110K</option>
            <option value="3519548">$110+</option>
        </select>
        <input type="button" name="previous" class="previous btn btn-default" value="Previous">
         <input type="button" name="next" class="next btn btn-info" value="Next">
    </fieldset>
    <fieldset>
         <select id="fieldfmirt" name="cm-fo-fmirt">
            <option value="" disabled="" selected="">Your super balance:</option>
            <option value="3519549">Under $50k</option>
            <option value="3519550">$50-$70k</option>
            <option value="3519551">$70-$80k</option>
            <option value="3519552">$80-$90k</option>
            <option value="3519553">$90-$100k</option>
            <option value="3519554">$100-$110K</option>
            <option value="3519555">$110+K</option>
        </select>
         <input type="button" name="previous" class="previous btn btn-default" value="Previous">
         <input type="button" name="next" class="next btn btn-info" value="Next">
    </fieldset>
    <fieldset>
        <p>
            <input id="fieldEmail" class="js-cm-email-input" name="cm-fpldr-fpldr" type="email" required placeholder="Email" />
        </p>
        <p>
            <input id="fieldfmiri" name="cm-f-fmiri" type="text" placeholder="First Name" required/> 
        </p>
        <p>
            <input id="fieldfmirh" name="cm-f-fmirh" type="text" placeholder="Last Name" required/>
        </p>
        <p>
            <input id="fieldfmirk" name="cm-f-fmirk" type="text" placeholder="Your mobile phone number" required/>
        </p>
        <p>
            <button class="js-cm-submit-button" type="submit">Subscribe</button> 
        </p>
    </fieldset>

    </form>
    
    

  </div>


<script type="text/javascript">
  $(document).ready(function(){
   
    
    var current = 1,current_step,next_step,steps;
    steps = $("fieldset").length;
    $(".next").click(function(){
        current_step = $(this).parent();
        next_step = $(this).parent().next();
        next_step.show();
        current_step.hide();
        setProgressBar(++current);
    });
    $(".previous").click(function(){
        current_step = $(this).parent();
        next_step = $(this).parent().prev();
        next_step.show();
        current_step.hide();
        setProgressBar(--current);
    });
    setProgressBar(current);
    // Change progress bar action
    function setProgressBar(curStep){
        var percent = parseFloat(100 / steps) * curStep;
        percent = percent.toFixed();
        $(".progress-bar")
            .css("width",percent+"%")
            .html(percent+"%");     
    }
    $( "#subForm" ).submit(function(event) {
      jQuery('.alert-success').removeClass('hide').html( "Handler for .submit() called and see console logs for your posted variable" );
      console.log($(this).serialize());
      event.preventDefault();
    });
  });
</script>