title: How to align multiple inputs inside <td>
body: <p>I work on small <code>jquerymobile</code> project and I need to align three inputs inside single <code>&lt;td&gt;</code> but I don't know how to do it. I have found several examples to do it with <code>css</code> and classes inside input tags, I have tried to do something but it doesn't work, maybe because I call js function inside <code>class</code> or I'm missing something else.   </p>
  
  <p>Jsfiddle example: <a href="http://jsfiddle.net/rzde9dsv/" rel="nofollow">http://jsfiddle.net/rzde9dsv/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table&gt;
      &lt;tbody&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;span&gt;
                      &lt;label for='name'&gt; Name 1 &lt;/label&gt;
                      &lt;input type='text' width='20px' name='name' id='id' class='qty' value='0' /&gt;
                      &lt;input type='button' id='qty1' width='20px' height='20px' value='Plus' class='plus' /&gt;
                      &lt;input type='button' id='qty2' width='20px' height='20px' value='Minus' class='minus' /&gt;
                  &lt;/span&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;span&gt;
                      &lt;label for='name'&gt; Name 2 &lt;/label&gt;
                      &lt;input type='text' width='20px' name='name2'  id='id' class='qty' value='0' /&gt;
                      &lt;input type='button' id='qty1' width='20px' height='20px' value='Plus' class='plus' /&gt;
                      &lt;input type='button' id='qty2' width='20px' height='20px' value='Minus' class='minus' /&gt;
                  &lt;/span&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td width='100px'&gt;
                  &lt;span class='sidebyside'&gt;
                      &lt;label for='name'&gt; Name 3 &lt;/label&gt;
                      &lt;input type='text' width='20px' name='name3'  id='id' class='qty' value='0' /&gt;
                      &lt;input type='button' id='qty1' width='20px' height='20px' value='Plus' class='plus' /&gt;
                      &lt;input type='button' id='qty2' width='20px' height='20px' value='Minus' class='minus' /&gt;                    
                  &lt;/span&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>JS function:</p>
  
  <pre><code>$(function () {
      $('.plus').on('click',function(){
          var $qty=$(this).closest('span').find('.qty');
          var currentVal = parseInt($qty.val());
          if (!isNaN(currentVal)) {
              $qty.val(currentVal + 1);
          }
      });
      $('.minus').on('click',function(){
          var $qty=$(this).closest('span').find('.qty');
          var currentVal = parseInt($qty.val());
          if (!isNaN(currentVal) &amp;&amp; currentVal &gt; 0) {
              $qty.val(currentVal - 1);
          }
      });
  });
  </code></pre>
  
  <p>Thank you in advance.</p>