I have  list of firms to which I want to add a MAP icon that is clickble to load an external IFRAMED map.

I want to use the jQuery AJAX .load process to provide the process to load external blocks of HTML code that when activated for a specific firm with an on-click action loads and displays that specific block of code. The code being loaded is an Iframed Google map for that firm.

Only ONE load is being done at a time.

I have this working for up to ten firms. When I try more than ten firms to the page, the process does not work for ANY. It does not matter which eleven firms that I select to try this with, On the addition of the eleventh firm the process dies for ALL

I have tried both making the JS code internal and external with the same result.

I have tried placing the JS code load both in the header and at the end of the body with the same result.

What do I need to change to get this to work with all these firms, not just ten?

Here is the HTML that sets up the on-click;

<div class="newbox"> 

      

      <A NAME="ABC_Seamless_Home_Improvement_Center"></A>    

          

        <div class="firm-name"><A HREF="http://www.abcseamlessworthington.com/">ABC Seamless & Home Improvement Center</A></div>

        <div class="main-category"><A HREF="whomeimp.htm">Home Improvement/Decorating</A></div>

<div class="list shadow2">

<div class="list-header">This Firms Categories</div>

<a href="whomeimp.htm">Home Improvement/Decorating</a>

<a href="wwindows.htm">Windows</a>

<a href="wconstru.htm">Construction/Contractors</a>

</div>

      <div class="bottom-line"  style="position:relative;">

<span class="address">&nbsp;611  Kragness Avenue N</span>,

<span class="city"> Worthington</span>,

<span class="phone">507/376-5594</span> 0

        <A HREF="mailto: abchome@frontiernet.net"><img src="images/eoffice.jpg" alt="Click here to send us Office Email" Title="Click Here to Send U Email" width="32" height="12"></A>

<A HREF="/Business/beltline.htm"><img src="images/beltline.jpg" width="35" height="12" alt="Click here to see ALL firms on the Beltline" Title="Click Here to See ALL Firms on the Beltline"></A> 

<A HREF="/Business/chamlist.htm" class="chamber-but"><img src="images/chamber.jpg" border="0" width="46" height="12" alt="Click here to view ALL Chamber Members" Title="Click here to view ALL Chamber Members"></A>

        <span class="facebook"><A  href=" https://www.facebook.com/pages/ABC-Seamless-Home-Improvement-Center-Worthington-MN/196381760392298?ref=br_rs"><img src="images/facebook_logo_12x12.jpg" alt="Click 

here  to See Us on Facebook" Title="Click Here to See Our Facebook Page. Please LIKE us and leave a message" width="12" height="12"></A></span>

<div id=" ABC_Seamless_Home_Improvement_Center" style="padding-bottom:5px;"></div>

<a href="#" class="action"><img src="images/map_small.gif" style="position:absolute;top:4px;left:635px;"></a>

</div>

</div> 

Here is the jQuery AJAX code that I am using ( one of these sets for each firm that do have unique ID’s);

$(document).ready(function(){

  $("# ABC_Seamless_Home_Improvement_Center+.action").click(function(){

    $("# ABC_Seamless_Home_Improvement_Center").load("maps_iframe.htm # ABC_Seamless_Home_Improvement_Center_map",

function(){

      $("# ABC_Seamless_Home_Improvement_Center .map-icon").click( function(){

         $(" #ABC_Seamless_Home_Improvement_Center_map").hide();

      });

    });

  });

});

Here is the Data that is in the external file named “maps_iframe.htm”;

<div id=" ABC_Seamless_Home_Improvement_Center_map" style="position:relative;width:635px;">

     <div class="maphide">

     <a href="#" class="map-icon">

     <img src="images/close_hover_2b.png" style="position:absolute;top:0;left:625px;Z-INDEX:2;"></a>

     </div>

     <iframe style="border-radius:10px;box-shadow:5px 5px 10px black;margin-top:20px;"

     width="635" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 

     src="https://maps.google.com/maps?t=k&amp;hl=en-US&amp;gl=US&amp;mapclient=apiv3&a

     mp;ie=UTF8                    

     &amp;q=611  Kragness Avenue N+Worthington+MN

     &amp;spn=0.013933,0.033023&amp;z=17&amp;output=embed"></iframe>

</div>