JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css">
<div id="home" data-theme="a" data-role="page">
    <div data-role="content">
        <div data-role="collapsible" data-theme="a" data-content-theme="d" data-collapsed="false">
            <h3>Page sections</h3>
            <ul data-role="listview" data-divider-theme="a">
                <li id="item1_link"><a href="#section?item=1">Item1</a></li>
                <li id="item2_link"><a href="#section?item=2">Item2</a></li>
                <li id="item3_link"><a href="#section?item=3">Item3</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="section" data-theme="a" data-role="page">
    <div data-role="content">
       <p>Section</p>
       <a href="" data-role="button" class="delete_me">Delete 1</a>
    </div>
</div>

JavaScript

$('.delete_me').on('click',function(e) {
    
    

    $('#home').find('[data-role="listview"]').find('li:first').remove();
    $('#home').find('[data-role="listview"]').listview('refresh');
    history.back();
});