JSFiddle - React, Tailwind, and code Playground

by vlycser

HTML

<script id="div1" type="text/html">
    <form id='form1'>
        <input type='text' required>
    </form>
    
    <button form="form1">Enviar</button>
</script>

<div id="div2"></div>

<button id="sendHtml">Send HTML to DIV</button>

CSS

#div2{
    background:#FCC;
    width:200px;
    height:200px;
    padding:10px;
    margin:10px;
    border-radius:5px;        
}

JavaScript

$(document).ready(function(){
        $("#form1").live("submit", function(e){
            e.preventDefault();
            var value = $(this).children("input").val();
            alert(value);
        });
        
        $("#sendHtml").click(function(){
            var html_div1 = $("#div1").html();
            $("#div2").html(html_div1);
        });
    });