JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>  
<html>      
    <head>      
        <title>Sample Page</title>           
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />    
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>        
        <script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script> 
        <script type="text/javascript">
        $(document).ready(function() {
            var jResult = [{ title: "WP1", body: "here is my content for Word Press node 1"}, { title: "WP2", body: "here is WP2 stuff" }, { title: "WP3", body: "WP3 content for example" }];
            var buttonHtmlString = "", pageHtmlString = "";
            for (i = 0; i < jResult.length; i++) {
                buttonHtmlString += '<a href="#' + jResult[i].title + '" data-role="button">' + jResult[i].title + '</a>';
                pageHtmlString += '<div data-role="page" id="' + jResult[i].title + '">';
                pageHtmlString += '<div data-role="header"><h1>' + jResult[i].title + '</h1></div>';
                pageHtmlString += '<div data-role="content"><p>' + jResult[i].body + '</p></div>';
                pageHtmlString += '</div>';
            }
            
            $("#buttonGroup").append(buttonHtmlString);
            $("#buttonGroup a").button();
            $("#buttonGroup").controlgroup();
            
            $("#main").after(pageHtmlString);
            
            //return false;
        });
    </script>
    </head>      
    <body>              
        <div data-role="page" id="main">      
            <div data-role="header">         
                <h1>
                    Page 1
                </h1>     
            </div><!-- /header -->      
            
            <div data-role="content">
                <p>I fake loaded content in the <i>$(document).ready()</i> event!</p>
                <div data-role="controlgroup"...

JavaScript

$("#loadJson").click(loadJson);