title: SweetAlert, Focusing an input after Confirm
body: <p>Basically I have a form where you can add an User.</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div&gt;&lt;h1&gt;Formulario para agregar Usuarios&lt;/h1&gt;&lt;/div&gt;
    &lt;form id='addForm' role="form" method="POST"&gt;
      &lt;div class="form-group col-lg-6"&gt;
  
          &lt;div class="form-group "&gt;
              &lt;label for="nombre"&gt;Nombre:&lt;/label&gt;
              &lt;input class="form-control" type="text" id="nombre" name="nombre" maxlength="15" placeholder="Ingrese su Nombre"/&gt;
              &lt;div id="nom" name="nom"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
              &lt;label for="apellido"&gt;Apellido:&lt;/label&gt;            
              &lt;input class="form-control" type="text" id="apellido" name="apellido" maxlength="15" placeholder="Ingrese su Apellido" /&gt;
              &lt;div id="ape" name="ape"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
              &lt;label for="correo"&gt;Correo:&lt;/label&gt;
              &lt;input class="form-control" type="email" id="correo" name="correo" maxlength="30" placeholder="correo@ejemplo.cl"/&gt;
              &lt;div id="cor" name="cor"&gt;&lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
              &lt;label for="password"&gt;Contraseña:&lt;/label&gt;            
              &lt;input class="form-control" type="password" id="password" name="password" maxlength="15" placeholder="Ingrese una Contraseña (mínimo 6 caracteres)" /&gt;
              &lt;div id="pas" name="pas"&gt;&lt;/div&gt;
          &lt;/div&gt;      
          &lt;div class="form-group"&gt;
          &lt;button class="btn btn-default col-sm-2" id="addUser" name="addUser" type="submit" &gt;
             &lt;span class="glyphicon glyphicon-plus-sign"&gt;&lt;/span&gt; Agregar&lt;/button&gt;
          &lt;/div&gt;
  
             &lt;div class="form-group col-sm-8" id="userData" name="userData"&gt;&lt;/div&gt;         
  
      &lt;/div&gt;
  </code></pre>
  
  <p>After success a sweet alert appears on screen telling you the add worked.</p>
  
  <p>Before the <code>swal</code> I had a normal alert, and after showing success It would focus on the first input of the form.</p>
  
  <p>But now when the <code>swal</code> shows up, It gives the focus while swal's on screen and when you click the confirm button the focus is gone.</p>
  
  <p>I tried to set <code>onConfirmButton</code> to false and then add a function</p>
  
  <pre><code>$.post('agregar.php', {nombre: nombre, apellido: apellido, correo: correo, password: password}, function(data) {
              //Se recibe un resultado (data) y se muestra en el div
              //(que en este caso sería una cadena string con algún mensaje)
              if (data=='1') {
                  //swal("¡Hecho!", "¡Has Agregado un Usuario Nuevo!", "success");
                  swal({
                      title: "¡Hecho!",
                      text: "¡Has Agregado un Usuario Nuevo!",
                      closeOnConfirm: false
                  },
                      function(){
                          swal.close();
                          $('#nombre').val('')
                          $('#apellido').val('');
                          $('#correo').val('');
                          $('#password').val('');
                          $('#nombre').focus();
  
                      })
                  );
  </code></pre>
  
  <p>But it just doesn't work.</p>