title: Jquery mobile change css width depending on control's class
body: <p>I'm currently experiencing the bad sides of <code>JQM</code>. I've got say two drop down list controls and I want to add different width to them depending on their class. How can I do it?</p>
  
  <pre><code>&lt;asp:DropDownList runat="server" ID="ddlWidth1" 
          data-theme="e" &lt;/asp:DropDownList&gt;
  
  &lt;asp:DropDownList runat="server" ID="ddlWidth2" 
          data-theme="e" &lt;/asp:DropDownList&gt;
  </code></pre>
  
  <p>After rendering the <code>HTM</code>, <code>JQM</code> sets some classes and I can set the <code>ddl's</code> width like that:</p>
  
  <pre><code>.ui-select{
      width: 225px;
  }
  </code></pre>
  
  <p>But this makes both <code>ddl's</code> width the same. Adding <code>css</code> classes to the <code>ddls</code> won't help, because I'm losing these classes after the <code>HTML</code> is rendered.</p>