Chaining Popups - jQuery Mobile 1.3

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<div data-role="page">
    
  
   <div data-role="popup" id="nonetconnmain" data-dismissible="false" class="ui-content" data-theme="a">
            <div class="popup_inner popup_sm">
                <div class="popup_content" style="text-align:center;">
                    <p class="">Please check net connectivcty</p>
                     <label id="mainlabel" style="margin:100px auto 60px auto;color:Red; line-height:40px;font-size:medium;display:none">Please check </label>
                </div>
                <div class="popup_footer nonetconnmainclose">
                        <a class="">Try Again</a>
                </div>
            </div>
        </div>
  
  
<button class="getStarted btn btn-a get_btn">Click Here</button>  
    
</div>

CSS

.popup {
    height: 200px;
    width: 150px;
}
.popup h6 {
    font-size: 1.5em !important;
}

JavaScript

$(document).on("click", ".getStarted", function(event) {
	// Simulating Net Connection here
  var a = 10;
  if(a==10)
  {
      $('#mainlabel').delay(100).fadeIn(300);
    $('#nonetconnmain').popup({history: false}).popup('open');
                            event.stopImmediatePropagation();
                            event.preventDefault();
                            return false;

  }
});
$(document).on('click', '.nonetconnmainclose', function(event) {
  $('#nonetconnmain').popup('close');
  			  $(".getStarted").trigger("click");
    event.stopImmediatePropagation();
      event.preventDefault();
      return false;
});

$(document).on("popupbeforeposition", "# #nonetconnmain",function( event, ui ) {
        	$('#mainlabel').hide();
    });