title: Sweet alert input not focused on jquery ui modal
body: <p>Please see my jsfiddle
  <a href="https://jsfiddle.net/fp2vg48z/2/" rel="nofollow">https://jsfiddle.net/fp2vg48z/2/</a></p>
  
  <p>Here is the code:</p>
  
  <pre><code>$('a').click(function(){
      $( "#container" ).dialog({
          height: 430,
          width: 620,
          title: 'click hello',
          modal: true,
          buttons: [
              {
                  text: 'Back',
                  click: function() {
                      $( this ).dialog( "close" );
                  }
              }
          ],
          create: function( event, ui ) {
  
          },
          close: function( event, ui ) {
  
          }
      });
  });
  
  $('.justalert').click(function(){
          swal({
              title: 'hello',
              text:'Please enter name',
              type:'input',
              showCancelButton: true,
              closeOnConfirm: false,
              inputPlaceholder: "E.g john" 
          }, function(inputValue){   
              if (inputValue === false) 
                  return false;      
              if (inputValue === "") {     
                  swal.showInputError("You need to enter something!");     
                  return false;  
              }                               
          swal({title: " success " + inputValue+" added!", type:"success", timer:10000 });
      });
  });
  
  $(document).on('click','.hello',function(){
      swal({
          title: 'hello',
          text:'Please enter name',
          type:'input',
          showCancelButton: true,
          closeOnConfirm: false,
          inputPlaceholder: "E.g john" 
      }, function(inputValue){   
          if (inputValue === false) 
              return false;      
          if (inputValue === "") {     
              swal.showInputError("You need to enter something!");     
              return false;  
          }                               
          swal({title: " success " + inputValue+" added!", type:"success", timer:10000 });
  
      });
  });
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#container{ padding:20px; background:#ccc;display:none;}
  .sweet-overlay{z-index:5000;}
  .sweet-alert{z-index:5001;}
  </code></pre>
  
  <p>When sweet alert is triggered while on top of modal, the input doesn't get focus. I can still select the text on top but the focus is not happening. I am not sure whether this is something from the sweet alert.</p>
  
  <p>The input works fine otherwise.</p>
  
  <p>Any ideas?</p>