JSFiddle - React, Tailwind, and code Playground

HTML

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>

<body>
<label class='twobuttons'><div id="submit-button" >GO!</div></label>
    <div id='result'></div>
</body>

JavaScript

$(document).ready(function(){


$('#submit-button').click(function(){

    $('#result').append("<label><div id='share' class='longbutton'>Share this route</div></label>");

    $('#result').append("<label><div id='goback' class='longbutton'>Create another one !</div></label>");

      });


          $('#result').on("click",'#share', function(){
              alert('hi');
          });

          $('#result').on("click", '#goback', function(){
           alert('hello');
          })
          
});