用jQuery 写前端 关于不执行的问题

今天经过反复的测试，总结了几个点，下面和大家分享一下，

这个程序是记录访问者的ip地址和访问时间，程序的前端是这样的》》》

var map = new BMap.Map("allmap");
    var city=null;

    function myFun(result){
        var cityName = result.name;
        map.setCenter(cityName);
        document.getElementById('city').value=cityName;
        city = cityName;
        return cityName;
    }

    var myCity = new BMap.LocalCity();
    myCity.get(myFun);

    </script>

    <script language="javascript">
    jQuery(function($){
    var url = 'http://chaxun.1616.net/s.php?type=ip&output=json&callback=?&_='+Math.random(); 
    $.getJSON(url, function(data){
      document.getElementById("ip").value=data.Ip 
      ip = document.getElementById("ip").value;
       myCity.get(myFun);

    $.post("GetIpTime",
    {
    ip:data.Ip,
    city:city
    },
    function(data,status){
   // alert("Data: " + data + "\nStatus: " + status);
            });
        });
    })
    </script>
<form action="address_getIpAddress.action" method="post">
        你的ip：<input type="hidden" id="ip" name ="ip" class="ip"><br>
        你的位置：<input type="text" id="city" name ="city" class="city">
        <input type="submit" value="...">
    </form>

这是起初测试是的代码，能够完美运行，但是页面显示是多了一个form表单

这个效果当然不是。我想要的，所以我就在上服务器上发布的时候把这个 form表单给删除了，结果就是整个都不好了，记录功能没有了，主要的功能没有那还了得，赶紧的我就开始找是哪里的问题，看看整个代码没有什么错误，我就回想发布前我就做了哪些修改，就是下面的form表单的代码，我给他删了。

<form action="address_getIpAddress.action" method="post">
        你的ip：<input type="hidden" id="ip" name ="ip" class="ip"><br>
        你的位置：<input type="text" id="city" name ="city" class="city">
        <input type="submit" value="...">
    </form>

在细细的看代码，上文的代码是和这段代码有关联的，就是这两行。。

document.getElementById('city').value=cityName;
document.getElementById("ip").value=data.Ip

form删除之后，就找不到相应的id了，于是代码就不会向下执行了，关于修改方法，可以把这两行代码删除掉，也可以吧这个form隐藏起来，就是把type=”text” 中text换成hidden，前面的显示文本删除掉就好了。随自己的意愿吧！

大家千万不要因为一时粗心，而耽误大把的时间。。。。。。。。。。