Input won't take focus when toggle is used

Trying to create an options screen where a value can not only be turned on and off, but also a value set using an input box like this:

   <ul class="list">
    <li class="item item-toggle">
      Limit to <input type="tel" value="10"> records
       <label class="toggle toggle-assertive">
         <input type="checkbox">
         <div class="track">
           <div class="handle"></div>

The text box can’t take focus and be edited. Is there a work around?