Selected Drop down text disappears in MVC4 application after validation
I am using jquery mobile for ASP.NET MVC4 application. Validations are performed using jquery validate and unobtrusive js. During client side validation the selected value displayed in the drop down disappears. Following is the html the class="input-validation-error" style="display: none; " is applied to the span that displays text on the drop down, this is not correct. Attached screen shot for reference.
<div data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-icon="arrow-d" data-iconpos="right" data-theme="c" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-icon-right ui-btn-up-c"><span class="ui-btn-inner"><span class="ui-btn-text"><span class="input-validation-error" style="display: none; ">TEST</span></span><span class="ui-icon ui-icon-arrow-d ui-icon-shadow"> </span></span><select data-val="true" data-val-required="*" id="Facility" name="Facility" class="valid"><option value="">Select a Location</option>
<option value="TEST">TEST</option>
</select></div>