JQuery and XML to create table in HTML

JQuery and XML to create table in HTML

Hi -

First off thank you to anyone who can help me.

I am trying to create a HTML table using JQuery and I can't seem to get it right.  Here is what I have so far.

  1.     $(document).ready(function(){
        $.get('/WellCityPartners.xml', function(xml){
           
                $(xml).find('Partners').each(function(){
                    var backgroundurl = $(this).find('backgroundURL').text();
                    var    hrefurl = $(this).find('hrefURL').text();
                    var    imgurl = $(this).find('imgURL').text();
                    var    td = "<td>";
                    var    tdc = "</td>";
                   
                    var html = '<tr><td><table style="width:234px" cellpadding="0" cellspacing="0"><tr >';
                    html += '<td style=" background-image:url(' + backgroundurl + '); height:100px; width:234px"';
                    html += 'align="center"><a href="' + hrefurl + '" target="_blank">';
                    html += '<img src="' + imgurl + '" /></a></td></tr></table></td>';   
                       
                    $('#partner').append($(html)); 
                    });
            });
        });

















Here is part of the XML

  1.  <Partners>
        <ID>3</ID>
        <backgroundURL>/images/BackgroundY.png</backgroundURL>
        <hrefURL>#http://www.andis.com/#</hrefURL>
        <imgURL>/images/p01a.png</imgURL>
        <company>Andis</company>
      </Partners>
      <Partners>
        <ID>4</ID>
        <backgroundURL>/images/BackgroundY.png</backgroundURL>
        <hrefURL>#http://www.aurorahealthcare.org/#</hrefURL>
        <imgURL>/images/p24a.png</imgURL>
        <company>Aurora Healthcare</company>
      </Partners>
      <Partners>
        <ID>5</ID>
        <backgroundURL>/images/Backgroundw.png</backgroundURL>
        <hrefURL>#http://www.careersindustries.com/#</hrefURL>
        <imgURL>/images/p50a.png</imgURL>
        <company>Careers Industries</company>
      </Partners>
      <Partners>
        <ID>6</ID>
        <backgroundURL>/images/BackgroundY.png</backgroundURL>
        <hrefURL>#http://cityofracine.org/default.aspx#</hrefURL>
        <imgURL>/images/p23a.png</imgURL>
        <company>City of Racine</company>
      </Partners>
      <Partners>
        <ID>7</ID>
        <backgroundURL>/images/BackgroundY.png</backgroundURL>
        <hrefURL>#http://cnhind.com/en-US/Pages/HomePage.aspx#</hrefURL>
        <imgURL>/images/p04a.png</imgURL>
        <company>CNH</company>
      </Partners>
      <Partners>
        <ID>8</ID>
        <backgroundURL>/images/Backgroundw.png</backgroundURL>
        <hrefURL>#http://www.davidinsurance.com/#</hrefURL>
        <imgURL>/images/p34a.png</imgURL>
        <company>David Insurance</company>
      </Partners>









































Here is the HTML

  1. <table id="partner" cellpadding="0" cellspacing="0">
                    <tr>     
                 
              </tr>
            </table>




And it is supposed to look like this:



Any help would be greatly appreciated!