JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Recipe Yield</h3>
<input style='width:100px' type="text" name="yield" class="small" id='pluralizer'/>
<select name='yieldType'>
	<option value='Servings'>Serving(s)</option>
	<option value='Cups'>Cup(s)</option>
	<option value='Loaves (Loaf)'>Loaves (Loaf)</option>
</select>

JavaScript

(function ($) {
    $(document).ready(function () {
        
    });
})(jQuery);