title: Javascript Multi-line string and Unexpected Token ILLEGAL
body: <p>I have a multi-line string template in it's own separate js file for use in underscore js. However, no matter how I escape the line breaks I still get an:</p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected token ILLEGAL</p>
  </blockquote>
  
  <p>On line 1 of the file when it's loaded into the browser.</p>
  
  <pre><code>App.Templates['template1'] = '\
  
  &lt;div data-role="page" data-theme="c" id="" data-title=""&gt;\
  
      &lt;div data-role="content" class="subnav"&gt;\
  
          &lt;table id="day-table" cellpadding="0" cellspacing="0" border="0"&gt;\
              &lt;thead class="ui-body-a"&gt;\
                  &lt;tr&gt;\
                      &lt;th&gt;T&lt;/th&gt;\
                      &lt;th&gt;J&lt;/th&gt;\
                      &lt;th&gt;H&lt;/th&gt;\
                      &lt;th&gt;C&lt;/th&gt;\
                  &lt;/tr&gt;\
              &lt;/thead&gt;\
              &lt;tbody&gt;\
              &lt;/tbody&gt;\
              &lt;tfoot&gt;\
                  &lt;tr&gt;\
                      &lt;td class="total-label" colspan="2"&gt;Total:&lt;/td&gt;\
                      &lt;td class="total"&gt;&lt;/td&gt;\
                  &lt;/tr&gt;\
                  &lt;tr&gt;\
                      &lt;td class="btn-row"&gt;\
                          &lt;a href="#r" data-role="button" id="add-btn" data-rel="dialog" data-mini="true" data-inline="true" data-icon="add"&gt;Add Rows&lt;/a&gt;\
                          &lt;a href="#" data-role="button" id="save-btn" data-rel="dialog" data-mini="true" data-inline="true" data-theme="b" data-icon="check"&gt;Save&lt;/a&gt;\
                      &lt;/td&gt;\
                  &lt;/tr&gt;\
              &lt;/tfoot&gt;\
          &lt;/table&gt;\
  
      &lt;/div&gt;&lt;!--/content--&gt;\
  
  &lt;/div&gt;&lt;!-- /page --&gt;';
  </code></pre>
  
  <p>Any ideas?</p>