title: How to add html content with another html content using jquery
body: <pre><code>var productInfo= $('#product-info'+PID).html();  
  console.log(productInfo); // this works fine
          var pinfoID='padded-info'+PID; // this is okay
  </code></pre>
  
  <p>now I want to wrap product info as follows:</p>
  
  <pre><code>   productInfo='&lt;li id="'+pinfoID+'"&gt;
                            &lt;div class="alert alert-success"&gt;
                              &lt;button type="button" class="close" &gt;×&lt;/button&gt;
                              &lt;strong&gt;'+productInfo+'&lt;/strong&gt; 
                          &lt;/div&gt;
                   &lt;/li&gt;';
  </code></pre>
  
  <p>But it does not works. What is wrong am I doing?</p>