JSFiddle - React, Tailwind, and code Playground

by Paul

HTML

<form id="new_note_form">
<textarea form="new_note_form" id="note_text" name="note_text" required="required"></textarea>
      <div id="new_note_left">
        <label for="doctor" id="doctor_label">Doctor Present <input id="doctor" type="text" name="doctor" required="required"/></label>
        <label for="date" id="date_label">Date <input id="date" type="text" name="date" required="required"/></label>
      </div>
      <div id="new_note_right">
        <button id="add_note_button">Add to Problem...</button>
      </div>
    </form>

JavaScript

$('button').click(function(){
    alert($('form').serialize());
});