title: Changing height of jQuery Mobile "select" with jQuery?
body: <p>so this is a problem I'm having: </p>
  
  <p><img src="https://i.stack.imgur.com/Oxfla.png" alt="enter image description here"></p>
  
  <p>I want to style the height of the select to that of my input. The select uses the <code>ui-btn-inner</code> class which has padding, and when changed, the height of the select changes.</p>
  
  <p>Here's the padding created by <code>ui-btn-inner</code>:</p>
  
  <p><img src="https://i.stack.imgur.com/yAYiJ.png" alt="enter image description here"></p>
  
  <p>Here is my code:</p>
  
  <pre><code>    &lt;div class="ui-grid-a"&gt;
          &lt;div class="ui-block-a" style="width: 80%;"&gt;
              &lt;div data-role="content" class="accountTransferLabels" style="padding-left: 0;"&gt;
              Amount:
              &lt;/div&gt;
  
              &lt;input type="text" autocomplete="off" class="translate" placeholder="0.0" data-clear-btn="true" autofocus required autocorrect="off" autocapitalize="off" data-theme="d"/&gt;
  
          &lt;/div&gt;
          &lt;div class="ui-block-b" style="width: 20%; padding-left: 15px;"&gt;
              &lt;div data-role="content" class="accountTransferLabels" style="padding-left: 0;"&gt;
              Amount:
              &lt;/div&gt;
  
              &lt;select name="select-choice-1" id="select-choice-1" data-theme="a" style="height: 40%; padding: 0; margin: 0;"&gt;
                      &lt;option value="" style="padding: 0;"&gt;CAD&lt;/option&gt;
                      &lt;option value="" style="padding: 0;"&gt;&lt;/option&gt;
              &lt;/select&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Notice wherever I put <code>style="padding: 0;"</code> it still doesn't affect the padding? jQuery Mobile generates code and I am unable to attach classes to that code.</p>
  
  <p>I'm a complete noob at jQuery and have no idea how to simply change the height of this select..</p>