title: How can I use jQuery to convert an HTML table into <div>'s?
body: <p>How could I go about converting an HTML table (I will provide code below) into <code>&lt;div&gt;</code> elements? Long story short, I am using a PHP script that outputs contents into an HTML table and it has proven very difficult to edit the PHP and convert the table elements into <code>&lt;div&gt;</code>'s. Below is the HTML table code:</p>
  
  <pre><code>&lt;table&gt;&lt;tbody&gt;&lt;tr data-marker="0"&gt;&lt;td class="mapp-marker"&gt;&lt;img class="mapp-icon" src="http://www.walmartchicago.com/wp-content/plugins/mappress-google-maps-for-wordpress/icons/walmart-yellow.png"&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;Walmart Neighborhood Market&lt;br&gt;&lt;/b&gt;&lt;a href="#" class="poi_list_directions"&gt;Get Directions&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr data-marker="1"&gt;&lt;td class="mapp-marker"&gt;&lt;img class="mapp-icon" src="http://www.walmartchicago.com/wp-content/plugins/mappress-google-maps-for-wordpress/icons/walmart-red.png"&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;Walmart Express&lt;br&gt;&lt;/b&gt;&lt;a href="#" class="poi_list_directions"&gt;Get Directions&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr data-marker="2"&gt;&lt;td class="mapp-marker"&gt;&lt;img class="mapp-icon" src="http://www.walmartchicago.com/wp-content/plugins/mappress-google-maps-for-wordpress/icons/walmart-red.png"&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;Walmart Express&lt;br&gt;&lt;/b&gt;&lt;a href="#" class="poi_list_directions"&gt;Get Directions&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr data-marker="3"&gt;&lt;td class="mapp-marker"&gt;&lt;img class="mapp-icon" src="http://www.walmartchicago.com/wp-content/plugins/mappress-google-maps-for-wordpress/icons/walmart-blue.png"&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;Walmart Supercenter&lt;br&gt;&lt;/b&gt;&lt;a href="#" class="poi_list_directions"&gt;Get Directions&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr data-marker="4"&gt;&lt;td class="mapp-marker"&gt;&lt;img class="mapp-icon" src="http://www.walmartchicago.com/wp-content/plugins/mappress-google-maps-for-wordpress/icons/walmart-blue.png"&gt;&lt;/td&gt;&lt;td&gt;&lt;b&gt;Walmart Supercenter&lt;br&gt;&lt;/b&gt;&lt;a href="#" class="poi_list_directions"&gt;Get Directions&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
  </code></pre>