JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

this is page A

<div class='ajaxloadedcontent'>
    <div class='dosomething'>
        this one should be loaded but doesnt work
    </div>
</div>

<div class='dosomething'>
    this one works
</div>

JavaScript

// this is page A
$(function(){
    $('.dosomething').on('click', function(){
        alert('clicked!');   
    });
});

function refreshConversationsList() {
            $.ajax({
                method: "POST",
                url: "http://ariia.co.uk/development/cms/system/ariiaengine/core/session/mail_controller.php",
                data: { req: '2' }
              })
                .done(function( data ) {  
                    // trigger refresh of conversation feed
                      $('.ajaxloadedcontent').html(data);
                   //  $('.ae_messaging_messageInput').val("");
                   //alert(data);
              });
}