title: jquery ends with selector doesn't work with number at end
body: <p>I have this HTML:</p>
  
  <pre><code>&lt;tr data-page-group-field="swot_opportunity_1" class="form_rowstyle1"&gt;
      &lt;td class="form_leftcolumn"&gt;Opportunity 2&lt;/td&gt;
      &lt;td class="form_midcolumn"&gt;&lt;input type="text" maxlength="100" data-page-group="swot_opportunity" id="edit_swot_opportunity_1" placeholder=""&gt;&lt;/td&gt;
      &lt;td class="form_rightcolumn"&gt;&lt;img src="/app/image/button_up.png" width="31" height="26" alt="up" id="button_swot_up_1"&gt; &lt;img src="/app/image/button_down.png" width="31" height="26" alt="down" id="button_swot_down_1"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>and need to match the input field by the number at the end:</p>
  
  <pre><code>$('input[id=^"edit_swot_"][id$="_2"]')).id));
  </code></pre>
  
  <p>I cannot get this to work, is there a limitation of not having a number at the end?</p>
  
  <p>Here is a fiddle: <a href="http://jsfiddle.net/dro3knq3/" rel="nofollow">http://jsfiddle.net/dro3knq3/</a></p>