title: Phone Number Input - Focus on Next Input when Current is Full
body: <p>I am looking to make a set of 3 form inputs for a phone number that automatically focuses on the next set of digits when the first is full.</p>
  
  <p>My form is this string of HTML:</p>
  
  <pre><code>myLayer.eachLayer(function(layer) {
  
       // here you call `bindPopup` with a string of HTML you create - the feature
       // properties declared above are available under `layer.feature.properties`
  
  var content = '&lt;div class="tooltip-header"&gt;Store Name&lt;\/div&gt;' +
                '&lt;div class="tooltip-address"&gt;' + layer.feature.properties.address1 + '&lt;div\/&gt;' +
                '&lt;div class="tooltip-address"&gt;' + layer.feature.properties.address2 + '&lt;div\/&gt;' +
                '&lt;br&gt;'+
                '&lt;div class="tooltip-phoneLabel"&gt;' + layer.feature.properties.phoneLabel + '&lt;div\/&gt;'+
                '&lt;br&gt;'+
                '&lt;div class="phone-input"&gt;'+
                '&lt;input class="phone-input" name="phone-input" type="tel" size="3" maxlength="3" placeholder="555"&gt;  '+
                '&lt;input class="phone-input" name="phone-input" type="tel" size="3" maxlength="3" placeholder="555"&gt;  '+
                '&lt;input class="phone-input" name="phone-input" type="tel" size="4" maxlength="4" placeholder="5555"&gt;'+
                '&lt;\/div&gt;';
  
       layer.bindPopup(content);
  });
  </code></pre>