jQuery addClass example

Change class name on click in jQuery

HTML

Input: <input type='text' id="sFechaCarga" name="sFechaCarga" class="font-12 form-control showCalRanges" readonly="readonly" onfocus="this.removeAttribute('readonly');" />

CSS

body {
  background: #ffffff;
  padding: 20px;
  font-family: Helvetica;
}
.form-control {
  width: 50%;
  height: 25px;
  padding: 2px;
  margin: 10px;
}