title: What is the correct syntax for concatenating strings within jquery replaceWith
body: <p>I have the following html markup</p>
  
  <pre><code>&lt;body&gt;
    &lt;div class="old-wrapper"&gt;
      ...lots of stuff
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I need to replace this with a coffeescript function to give the following markup</p>
  
  <pre><code>&lt;body&gt;
    &lt;div class="new-wrapper"&gt;
      &lt;input type="text" class="date-picker"&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I need to use <code>.old-wrapper</code> as the target</p>
  
  <p>My coffeescript function looks something like this</p>
  
  <pre><code>jQuery -&gt;
    $(".old-wrapper").repaceWith(
      $("&lt;div class='new-wrapper'&gt;") +
      $("&lt;input type='text' class='date-picker'&gt;").datepicker +
      $("&lt;/div&gt;")
    )
  </code></pre>
  
  <p>What is the correct way to concatenate these strings within the replaceWith function? (Sorry this is a very basic javascript syntax question, but my javascript knowledge is limited)</p>