Jquery移动可过滤列表内嵌图像/按钮，宽度自动调整

Question

我试图将带有输入字段的可过滤列表与图像内联但没有良好的结果。

html看起来像这样：

<div style="display: inline;">
  <ul id="city" data-inline="true" data-theme="a"  data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder=" " data-inset="true">
  </ul>
</div>
<div style="float:right; display: inline;">
  <img height="35px" src="" onclick="getLocation()" >
</div>

该列表由ajax填充。

我想得到的结果是列表视图与按钮内联，按钮在右侧。 listview还会填充此行中的所有可能空间。我尝试使用网格解决方案，但我必须手动计算每个用户的宽度，但我确信有更好的方法可以做到这一点。