JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://demos.jquerymobile.com/1.4.2/js/jquery.mobile-1.4.2.js"></script>
<button id="yo1">Click</button>

JavaScript

$(document).on('vclick','#yo1',function(){
    var message = '<input name="im_user" type="text" class="valores" id="im_user"/><input name="im_password" type="password" class="valores" id="im_password" /><input name="inputAds" type="submit" id="inputAds" value="Ingresar" />',
       popupafterclose = '';
    runtimePopup(message, popupafterclose)

    
});
function runtimePopup(message, popupafterclose) {
  var template = "<div data-role='popup' class='ui-content messagePopup'>" 
      + "<a href='#' data-role='button' data-theme='g' data-icon='delete' data-iconpos='notext' " 
      + " class='ui-btn-right closePopup'>Close</a> <span> " 
      + message + " </span> </div>";
  
  popupafterclose = popupafterclose ? popupafterclose : function () {};
 
  $.mobile.activePage.append(template).trigger("create");
 
  $.mobile.activePage.find(".closePopup").bind("tap", function (e) {
    $.mobile.activePage.find(".messagePopup").popup("close");
  });
 
  $.mobile.activePage.find(".messagePopup").popup().popup("open").bind({
    popupafterclose: function () {
      $(this).unbind("popupafterclose").remove();
      popupafterclose();
    }
  });
}