按钮单击时保存缓存中的输入

Question

这是我的html的一部分：

 <p>City: <input type="text" id=city value="New York"> </p>
<p>State: <input type="text" id=state value="NY"> </p>
<button id="search">Search!</button>
<button id="favorite">mark as favorite!</button>

贝娄是我的.js

搜索功能就像魅力一样，它通过输入进行ajax调用并接收天气信息。

我的问题是最喜欢的按钮，我需要的是搜索巴尔的摩的例子并点击标记为收藏夹。当我刷新页面时，这将使Baltimore成为打开的人。 我相信一个替代方案是更改标准输入文本，因为我的ajax调用是在文档准备就绪或单击搜索按钮但我不知道如何操作时进行的。

     $('#search').click(function() {
            ajax();
 });


     $('#favorite').click(function() {
         var $city= $('#city')
         document.getElementById('city').value= $city.val(); 
     });

任何想法？

编辑：解决方案：

$(document).ready(function() {
    var $city= $('#city')
    document.getElementById("city").value = localStorage.getItem("city");

    ajax();

});

...
...
...

     $('#favorite').click(function() {
                var $city = $('#city')
            // Check browser support
             if (typeof(Storage) !== "undefined") {
                 // Store
                 localStorage.setItem("city", $city.val() );
                 // Retrieve
                 document.getElementById("city").innerHTML = localStorage.getItem("city");
             } else {
                 document.getElementById("city").innerHTML = "not possible to store";
             }

                ajax();