Use CSS to automatically add 'required field' asterisk to form inputs

Question

What is a good way to overcome the unfortunate fact that this code will not work as desired:

    Name:         


        
      

Answer 1

Use jQuery and CSS

jQuery(document).ready(function() {
 jQuery("[required]").after("*");
});

.required {
    position: absolute;
    margin-left: -10px;
    color: #FB0000;
    font-size: 15px;
}