In your css file you have:
.serverInvalidState {
display: none;
}
but then your error message you give a class="serverInvalidState"... which means it won't be displayed. I'm not sure why that line is in your css or why you use that class for your error messages, but one or the other has to change if you want the error message to show.