JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="nav1">
    <li class="" id="view_ideas"><a href="#"><span>View ideas</span></a>
    </li>
</ul>
<div id="getsat-widget-6135"></div>

JavaScript

<!-- jQuery(function () {
    jQuery('#view_ideas').click(function () {
        var str = jQuery(this).text();
        jQuery('#getsat-widget-6135').load('<div id="getsat-widget-6135"></div><script type="text/javascript" src="https://loader.engage.gsfn.us/loader.js"></script><script type="text/javascript">if (typeof GSFN !== "undefined") { GSFN.loadWidget(6135,{"containerId":"getsat-widget-6135"}); }</script>');
    });
}); -->

jQuery(function () {
    jQuery('#view_ideas').click(function () {
        var str = jQuery(this).text();
        jQuery('#getsat-widget-6135').load('#getsat-widget-6135');
    });
});


<script type="text/javascript" src="https://loader.engage.gsfn.us/loader.js"></script>
    <script type="text/javascript">
    if (typeof GSFN !== "undefined") { GSFN.loadWidget(6135,{"containerId":"getsat-widget-6135"}); }
    </script>