title: How can i iterate inside an append or html method in jQuery?
body: <p>I can't figure out how can i perform $.each in append or html method if possible.
  For example:</p>
  
  <p>i have an <strong>array</strong>  </p>
  
  <pre><code>cities = [Larissa,Athens,Patra];
  </code></pre>
  
  <p>and i want to create the <strong>following code:</strong></p>
  
  <pre><code>` $('#cities').html(' &lt;label for="cities"&gt;Select City&lt;/label&gt;&lt;select name="cities" id="city"&gt;' +
                                            ' &lt;option value="Larissa"&gt;Larissa&lt;/option&gt; ' +
                                            ' &lt;option value="Athens"&gt;Athens&lt;/option&gt; ' +
                                            ' &lt;option value="Thessaloniki"&gt;Thessaloniki&lt;/option&gt; ' +
                                            ' &lt;option value="Patra"&gt;Patra&lt;/option&gt;' +'&lt;/select&gt;');`
  </code></pre>
  
  <p>How can I create the option value and the name dynamically based on my array.
  Any Insight is welcomed Thanks</p>