Converting ID/Class to String
<p>I got the following code on a product sales website.</p>

<pre><code>&lt;html&gt;
    &lt;body&gt;

        &lt;div class="descr"&gt;
                &lt;div id="productName"&gt;&lt;/div&gt;
        &lt;/div&gt;

    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p><code>#productName</code> is unique to each product (ie. blackTea, whiteTea, greenTea, and so on...)</p>

<p>I'm inserting a div with the id <code>#productName_description</code> inside <code>#productName</code>. I need a script that grabs the id of <code>descr:first-child</code>, adds <code>"_description"</code> to the end and applies it to the content I'm trying to load. Essenssially what I'm trying to do is to have an automated script that will do all this without me having to write extra javascript per product:</p>

<pre><code>$('#kyoto_matcha').load('https://www.assamteacompany.ca/skin/assam_tea_company/script/product_descriptions.html #kyoto_matcha_description');
</code></pre>

<p>This is the farthest I've got. After spending hours online looking this question up or trying to figure out a solution I could not figure it out. I keep getting [object Object]_description when outputting it through console.log(). This is the closest I've got:</p>

<pre><code>$('.descr:first-child').each(function(){
    var teaAccessory = $('.descr:first-child').attr('id');
    var description = '_description';

    $(this).load('https://www.assamteacompany.ca/skin/assam_tea_company/script/product_descriptions.html #' + teaAccessory + description);
});
</code></pre>
