jquery代码修改input的value值，而页面上input框的值没有改变的解决办法

在搜索框中输入一些字符，并且点击搜索框右边的五角星做收藏操作时，打开的弹框中Save Search:后面的input中的值被赋值了外面搜索框的值，但是当此次操作完成之后，再次做同样的操作，弹框中Save Search:后面的input中的值却没有随着外面搜索框中值得改变而改变

解决办法：

代码中使用了attr来对input的value做赋值，而attr主要用于对input的属性值做赋值

正确的办法是使用prop来替换attr

代码如下：

html：

<div>
      <input placeholder="Search">
     <button title="Search"></button>
     <span title="Save Search"></span>
      <ul></ul>
</div>

<div>
          <ul>
            <li>
              <div>
                <div><label for="newFavoriteName">Save Search: </label></div>
                <div><input maxlength="100" placeholder="Type filter name..."></div>
                <div>
                  <a>Save</a>
                </div>
              </div>
            </li>
            <li></li>
          </ul>
          <div>
            <label for="searchFilter">Saved Searches:</label><br />
            <input placeholder="Filter">
          </div>
          <ul></ul>
        </div> 

jquery代码：

$(\'#filterOptions\').click(function (e) {
          e.preventDefault();
          e.stopPropagation();
          $(\'.popover.fade.bottom.in\').hide();