JSFiddle - React, Tailwind, and code Playground

HTML

<div data-role="page" id="Home" > 
        <div data-role="header" data-theme="b" data-position="fixed" data-tap-toggle="false" >
            <h1 class="ui-title"  id="hdr" style="text-align:left;margin-left: 100px;">My Cases</h1>
            <div class="ui-btn-right" id="headerButtons" data-role="controlgroup" data-type="horizontal">
                <a href="#UserSettingScreen" data-transition="none" data-role="button" data-inline="true" data-iconpos="notext" data-icon="gear" data-theme="b" id="Setting" data-rel="popup" data-position-to="window">Setting</a>
                <a href="#CaseInformationScreen" data-transition="none" data-role="button" data-iconpos="notext" data-inline="true" data-icon="plus" data-theme="b" data-rel="popup" id="Add" data-position-to="window">Add</a>
                <a href="" data-role="button" data-transition="none" data-inline="true" data-theme="b" data-rel="popup"id="Edit" data-position-to="window">Edit</a>
            </div>
        </div>
      <div data-role="popup" id="UserSettingScreen" data-close-btn="none"  data-overlay-theme="a" data-dismissible="false">
                <div data-role="header" data-theme="b" >
                    <a href="#" data-role="button" data-transition="none" data-corners="false" id="" class="CancelSettingButton_h">Cancel</a>
                    <h1>User Settings</h1>
                    <a href="#" data-transition="none" data-role="button" data-corners="false" class="okSettingButton_h">Ok</a>
                </div>

                <div data-role="content">
                    <div><img src="img/settings.png"/></div>
                    <div data-role="fieldcontain">
                        <label for="text-12" style="text-align:top;margin-left: 0px;">IP Address:</label>
                        <input name="text-12" id="text-12" value="" type="text" class="ipaddress_h"/>
                    </div>  
                    <div data-role="fieldcontain">
                        <label for="text-12"...

JavaScript

$(document).on('change', '#select-choice-1', function() {

  
 var fontFamily = $(this).val() ; 
alert(fontFamily)
    window.localStorage.setItem("FONTFAMILY", fontFamily);      
    $.session.set("FONTFAMILY", $(this).val());
    alert('done session');
});

 var fontfamily= window.localStorage.getItem("FONTFAMILY");
 var fontfamil = $.session.get("FONTFAMILY");
        alert(fontfamil);
        alert(fontfamily);
          if(fontfamily!=''){
            alert("Text")

            $('.fontFamily_h').val(fontfamily);
            

        }