title: How do jquery selectors with MVC partial views?
body: <p>I have a variable length collection of address models which I want to edit. I use <a href="http://blog.stevensanderson.com/2010/01/28/editing-a-variable-length-list-aspnet-mvc-2-style/" rel="nofollow">Steve Sandersons</a> approach to edit the collection</p>
  
  <p>I add a EditAddress partial view(RenderPartial) via Ajax on a button click which works fine. </p>
  
  <p>This partial view also contains a google map 'control' which allows pointing out the address on the map. Initializing the map requires passing in the id of the div element I want the map to appear in. So in the partial view I define a div with an id say "#map" and pass it to the google map initializer via jquery (the script resides in the partial view).</p>
  
  <p>Now the question is when there are multiple of these partial views added there will be multiple '#map' divs of the page (when i do view source I dont see the elements added via ajax although the page renders it fine so I am just guessing that the id's will be the same), how does one select the correct id of an element to hook up the jquery to?</p>
  
  <p>And if its not at all possible what are my options?</p>