javascript执行顺序问题

Question

我写了以下几行：

              

<script>

<!--
$(document).ready(function() {     // ignored ASK why?
    $('#select-native-1').change(function(){
        alert('input changed');
    });
});


<!-- google map api. -->
var map;
function initialize() {
    var mapCanvas = document.getElementById('map-canvas');
    var mapOptions = {
      center: new google.maps.LatLng(44.5403, -78.5463),
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(mapCanvas, mapOptions);
  };
google.maps.event.addDomListener(window, 'load', initialize);

</script>

<script>

$(document).ready(function() {  
    <!-- changes the map and info when option selected. -->

    $('#select-native-1').change(function(){
        if($('#select-native-1 option:selected').text() == "ok") {
        $("#ok-p").toggleClass("hide");
        $('#notok-p').toggleClass("hide");
        }else if($('#select-native-1 option:selected').text() == "notok") {
        $('#ok-p').toggleClass("hide");
        $('#notok-p').toggleClass("hide");
        }
    });     
});



</script>

最初，我只有一个部分包含“google map api”和“文档就绪”功能。

正如您所看到的，我注释掉了第一个文档就绪函数，因为浏览器无法读取它。 （包含//忽略ASK的块为什么？）

为什么会这样？