Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<body ng-controller="checkoutController">
	<div class="main clearfix" ng-controller="abroadCourseController">
		//html useless information
		<form name="checkout_form" ng-submit="submitForm()" novalidate>
			<div validate-section="checkoutInfo" ng-show="stepOne">
				//fields
				<div class="confirmationBox">
					<button type="button" ng-click="displayPaymentMethods()">SHOW PAYMENT METHODS</button>
				</div>
			</div>
			<div validate-section="paymentAbroadCourseB2C" ng-show="stepTwo" >
				//fields
				<div class="confirmationBox">
					<button type="button" ng-click="submitForm()">FINISH</button>
				</div>
			</div>
		</form>
	</div>
</body>

JavaScript

var myApp = angular.module('myApp',[]);
myApp.controller('checkoutController', function ($scope) {
  $scope.submitForm = function(){
     $scope.stepOne = true;
     $scope.stepTwo = false;
  
     alert($scope.checkout_form);
     alert('oi');  
  };  
});

myApp.controller('abroadCourseController', function ($scope) {
  $scope.stepOne = true;
  $scope.stepTwo = false;

  $scope.displayPaymentMethods = function(){
     $scope.stepOne = false;
     $scope.stepTwo = true;
     
     alert($scope.checkout_form);
     alert('oi');  
  };  
});