JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<form action="#" method="post">
    <div class="full">
<label id="sample">Have you received your sample pack?</label>

<input type="radio" name="sample" id="sample_yes" value="yes" />
<label for="eliteflexsample_yes">Yes</label>

<input type="radio" name="sample" id="sample_no" value="no" />
<label for="eliteflexsample_no">No</label>    
</div>
    <br/>
    <input type="text" name="test" />
    <br/>
    <input type="submit" />
</form>

JavaScript

$(document).ready(function() {
    $('form').validate({
        rules: {
            sample: {
                required: true
            },
            test: {
                required: true
            }
        },
        errorPlacement: function(error, element) {
            if (element.attr("type") == "radio") {
                error.insertBefore(element);
            } else {
                error.insertAfter(element);
            }
        },
        // just to block submit for demo
        submitHandler: function(form) {
            return false;
        }
    });
});