margin-top: 20px; font-size:25px; padding: 10px 20px; background-color: green; display: inline-block; float: left; clear: both; color: #FFF; } </style> <?php echo $ajax->library_def; ?> <script> <?php echo nUberJTools::DocumentReady($ajax->Construct()); ?> </script> <div id="wrapper"> <div style="display: inline-block; width: 100%;"> <div id="cookie" data-test="crumble">This text wrapper has a hidden <i>data</i> attribute called "cookie" that will send: <span style="color: red;">crumble</span></div> </div> <div style="display: inline-block; width: 100%;"> <div class="get_some_text" id="sometxt_id"><span style="color: red;">-->This text will send in the ajax request.<--</span></div> </div> <form id="tester" action="/tester.php" class="myforms"> <div style="display: inline-block; width: 100%;"> <label>Type something, then tab to dropdown. The name of this <input> is "butter" however, will be overridden and sent to AJAX as "subutter":</label> <input type="text" name="butter" value="" /> </div>