title: Argument 1 of Node.appendChild is not an object
body: <p>I have script that initiates a google map, i get no errors through the console upon initialization of the first instance of that function, though I have a link that resets the coordinates of the map to different stores, upon recalling the function with the new coordinates I get an Argument 1 of Node.appendChild is not an object. error for the following</p>
  
  <pre><code>    function CustomZoomControl(controlDiv, map) {
          //grap the zoom elements from the DOM and insert them in the map 
          var controlUIzoomIn= document.getElementById('cd-zoom-in'),
              controlUIzoomOut= document.getElementById('cd-zoom-out');
          controlDiv.appendChild(controlUIzoomIn);
          controlDiv.appendChild(controlUIzoomOut);
  
          // Setup the click event listeners and zoom-in or out according to the clicked element
          google.maps.event.addDomListener(controlUIzoomIn, 'click', function() {
              map.setZoom(map.getZoom()+1)
          });
          google.maps.event.addDomListener(controlUIzoomOut, 'click', function() {
              map.setZoom(map.getZoom()-1)
          });
      }
  
      var zoomControlDiv = document.createElement('div');
      var zoomControl = new CustomZoomControl(zoomControlDiv, map); 
  </code></pre>
  
  <p>i cant figure out why the DOM object works fine in the first instance of the function but not when it is recalled</p>