title: How can this object be appended to a specific tile on an isometric map?
body: <p>I have an isometric map that has selectable tiles. The map is formed by a matrix such as <code>$('div').gameMap({map:[[{"tile":"tile_0","object":"anObjectOnTile"},{"tile":"tile_3","object":""}], [{...}]],mapsize:3});</code> If the tile has something within the <code>object:""</code>, then that tile has that object (in my case, an image of an oil derrick) on top of that tile.</p>
  
  <p>There is a Place button which when clicked should place an oil derrick object on top of the currently selected tile.</p>
  
  <p>However, I have run into two problems:</p>
  
  <ol>
  <li><p>Knowing which tile is currently selected</p></li>
  <li><p>Adding a single oil derrick</p></li>
  </ol>
  
  <p>At first I wanted to figure a way to modify the map's matrix to insert the object's name (<code>oilDerrick</code>) into the tile's object parameter, but now I think the better solution would be to append the <code>oilDerrick</code> to the tile. I can't figure out how to append to the particular tile and not <em>every</em> tile.</p>
  
  <p>I've got the code set up to look at and play with: <a href="http://jsfiddle.net/briz/jdhPW/13/" rel="nofollow">http://jsfiddle.net/briz/jdhPW/13/</a></p>
  
  <p>There's an oilDerrick object set up in the map's matrix for you to view, which can be removed by deleting the word <code>oilDerrick</code> in the matrix</p>
  
  <p>I played with <code>$(".tile").append($('.oilDerrick'));</code> though I knew that would append to every tile. But I simply do not know enough about appending yet to figure out how to limit it to a single instance.</p>
  
  <p>Each tile has a unique ID. I also tried this in order to add an oilDerrick to a certain tile:</p>
  
  <pre><code>$("#placeButton").click(function()
  {
        for (var y in config.map) 
        {
              for (var x in config.map[y]) 
              {
                  document.getElementById(obj.attr('id') + '_tile_' + x + '_' +y).appendChild(".oilDerrick");
              }
        }
  }
  </code></pre>
  
  <p>But this came to no avail as well. I think I'm heading in the right direction though? Can anyone help?</p>