Form Validation Semantic UI

Tem como postar seu código para análise? Gostaria de saber como está fazendo.

js:

$('.ui.form') .form({ email: { identifier : 'email', rules: [ { type : 'empty', prompt : 'Entre com o seu e-mail' } ] }, password: { identifier : 'password', rules: [ { type : 'empty', prompt : 'Entre com a sua senha' } ] } })

e o form:

 <div class="ui form segment"> <?php echo Form::open() ?> <div class="field"> <label>E-mail</label> <div class="ui left labeled icon input"> <input type="text" name="email"> <i class="user icon"></i> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <div class="field"> <label>Senha</label> <div class="ui left labeled icon input"> <input type="password" name="password"> <i class="lock icon"></i> <div class="ui corner label"> <i class="icon asterisk"></i> </div> </div> </div> <button type="button" class="ui teal submit button">Log in</button> </div> </form> </div>

Ele adiciona a classe "error" em class="field" quando tento enviar com os campos vazios, e remove quando digito algo. Só que não sei como fazer para ele adicionar o prompt, que seria essa div, segundo a documentação:

<div class="ui red pointing prompt label"></div>

Alguém?

Desse jeito funcionou \o/

 <script type="text/javascript">
 $(function() {
 $('.ui.form').form({
 email: {
 identifier: 'email',

 rules: [
 {
 type : 'empty',
 prompt : 'Entre com o seu e-mail'
 }
 ]
 },
 password: {
 identifier: 'password',

 rules: [
 {
 type : 'empty',
 prompt : 'Entre com a sua senha'
 }
 ]
 },
 }, {
 on: 'blur',
 inline: 'true'
 });
 });
 </script>