JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>

<form id="everything">
    <label for="dd1">Select the best option</label><br/>
    <select name="dd1" id="dd1" class="required">
        <option value="">None</option>
        <option value="o1">option 1</option>
        <option value="o2">option 2</option>
        <option value="o3">option 3</option>
    </select> 
    <br/><br/>
    <input type="submit" />
</form>

JavaScript

$("#everything").validate({
    messages: {
     dd1: {
      required: "Please select an option from the list, if none are appropriate please select 'Other'",
     },
    }
});