title: Multiple input boxes - alertifyjs / Jquery
body: <p>I am trying to create a prompt dialog box using alertifyjs that has multiple input boxes. I have managed to create the dialog box to show the multiple boxes but I cant seem to make a reference to the inputs that user provides.</p>
  
  <p>I want to write if statement that carries out action based on user input when they press OK. However, the OK button doesnt seem to be working and also the if-statements don't work as well. I am not sure what I might be doing wrong, can someone please help me.</p>
  
  <p>Below is my code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
       &lt;link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/alertify.min.css"/&gt;
      &lt;link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/css/themes/bootstrap.min.css"/&gt;
      &lt;script src="//cdn.jsdelivr.net/npm/alertifyjs@1.11.1/build/alertify.min.js"&gt;&lt;/script&gt;
  
  
  &lt;/head&gt;
  
  &lt;body&gt; 
  
  &lt;div style="display:none;" &gt;
      &lt;div id="dlgContent"&gt;
          &lt;p&gt; Enter Value One &lt;/p&gt;
          &lt;input class="ajs-input" id="inpOne" type="text" value="Input One Default Value"/&gt; 
  
          &lt;p&gt; Enter Value Two &lt;/p&gt;
          &lt;input class="ajs-input" id="inpTwo" type="text" value="Input two default Value"/&gt; 
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;!-- the script  --&gt;
  
  &lt;script&gt;
    var dlgContentHTML = $('#dlgContent').html();
  
  $('#dlgContent').html(""); 
  alertify.confirm(dlgContentHTML).set('onok', function(closeevent, value) { 
                      var inpOneVal = $('#inpOne').val();
                      var inpTwoVal = $('#inpTwo').val();
                      updateListItems(inpOneVal,inpTwoVal);   
                    if (inpOneVal == "test" &amp;&amp; inpTwoVal == "test") {
                        alertify.success('Successful');
                     } else {
                        alertify.error('Wrong')
  
                      }
                  }).set('title',"Update");
   &lt;/script&gt;
  
  &lt;/body&gt;   
  &lt;/html&gt;
  </code></pre>
  
  <p>Link to JSfiddle: <a href="http://jsfiddle.net/1qouxdkc/4/" rel="nofollow noreferrer">http://jsfiddle.net/1qouxdkc/4/</a></p>