multi column時spinner問題

multi column時spinner第二欄會消失

HTML

<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/redmond/jquery-ui.css">
<div class="setting">
  <label for="restriction_enable_1">
    <input type="text" class="spinner" />
  </label>
  <label for="restriction_enable_2">
    <input type="text" class="spinner" />
  </label>
  <label for="restriction_enable_3">
    <input type="text" class="spinner" />
  </label>
  <label for="restriction_enable_4">
    <input type="text" class="spinner" />
  </label>
  <label for="restriction_enable_5">
    <input type="text" class="spinner" />
  </label>
</div>
顆顆

CSS

.setting {
  width: 300px;
}

.spinner {
  width: 100px;
}

JavaScript

$(function() {
  $(".spinner").spinner();
});