JQuery/PHP:用不同页面上的另一个选择框替换选择框

在我的主页上，我有一个简单的下拉框：

<select name="miles" id="miles">
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="75">75</option>
<option value="100">100</option>
</select>
<button type="button" name="button" id="button">Search</button>

单击此按钮时，将执行JQuery$.load:

$("#miles").load("main_data.php #miles_data");

页面按钮正在调用main_data.php：

<?php
... code to calculate $b
?>
<span id="miles_data">
<option value="5" <?php if ($b == 5) { echo "selected"; } ?>>5</option>
<option value="10" <?php if ($b == 10) { echo "selected"; } ?>>10</option>
<option value="15" <?php if ($b == 15) { echo "selected"; } ?>>15</option>
<option value="25" <?php if ($b == 25) { echo "selected"; } ?>>25</option>
<option value="50" <?php if ($b == 50) { echo "selected"; } ?>>50</option>
<option value="75" <?php if ($b == 75) { echo "selected"; } ?>>75</option>
<option value="100" <?php if ($b == 100) { echo "selected"; } ?>>100</option>
</span>

我的目标似乎很简单：执行$.load到另一个页面，计算一个整数并将其设置为变量，选择匹配的下拉项并将其返回到主页面。

使用上面的代码，主页上的下拉框将变为空白。有人注意到解决方案了吗？