title: HTML to jade-Syntax Error:Unexpected reserved word
body: <p>Hey guys plz help I am trying to convert this html to jade using express but I am getting the following syntax error:Unexpected reserved word
  This is my html code that I want to convert to jade</p>
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
  
  &lt;title&gt;New Todolist&lt;/title&gt;
  
  &lt;link rel="stylesheet" href="/stylesheets/jquery-ui-1.8.20.custom.css"&gt;&lt;/link&gt;
  
  &lt;link rel="stylesheet" href="/stylesheets/jquery.ui.selectable.css"&gt;&lt;/link&gt;
  
  &lt;script type="text/javascript" src="/javascripts/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="/javascripts/jquery-ui-1.8.20.custom.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="/javascripts/jquery.ui.selectable.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript" src="/javascripts/show.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  
  &lt;h1&gt;Checklist&lt;/h1&gt;
  
  &lt;a href='' id='shorcuts' style="left: 90%; position: relative;"&gt;Shotcuts&lt;/a&gt;
  
      &lt;div class='display-url' style="left: 40%; position: relative; top: 70px; width: 400px;"&gt;
  
                  &lt;tr id='url'&gt;
  
          &lt;td&gt;URL :&lt;/td&gt;
  
          &lt;td&gt;&lt;input type='text' id='url-txt'&gt;&lt;/input&gt;&lt;/td&gt;
  
          &lt;td&gt;&lt;input type='button' id='url-btn' value='Copy'&gt;&lt;/input&gt;&lt;/td&gt;
  
         &lt;/tr&gt;
  
      &lt;/tr&gt;
  
          &lt;td&gt;&lt;input type='hidden' id='url-hidden'&gt;&lt;/input&gt;&lt;/td&gt;
  
      &lt;/tr&gt;
  
  &lt;/div&gt;  
  
  &lt;div class='display-title' style="left: 40%; position: relative; top: 150px; width: 400px;"&gt;
  
      &lt;tr id='title'&gt;
  
          &lt;td&gt;Title (optional) :&lt;/td&gt;
  
          &lt;td&gt;&lt;input type='text' id='title-txt' autocomplete='off'&gt;&lt;/input&gt;&lt;/td&gt;
  
      &lt;/tr&gt;
  
  &lt;/div&gt;
  
  &lt;div class='display-content' style="left: 40%; position: relative; top: 200px; width:400px;"&gt;
  
      &lt;table class='content' tabindex="0" style=" table-layout: fixed;"&gt;
  
          &lt;tr&gt;
  
              &lt;td&gt;&lt;input type="checkbox" class='task-done'&gt;&lt;/input&gt;&lt;/td&gt;
  
              &lt;td&gt;&lt;input type="textArea" class="descript-task" autocomplete="off"        
  
                                autofocus="autofocus" &gt;&lt;/input&gt;&lt;/td&gt;
  
              &lt;td&gt;&lt;input type="hidden" class='hidden-input'&gt;&lt;/input&gt;&lt;/td&gt;
  
          &lt;/tr&gt;
  
      &lt;/table&gt;
  
  &lt;/div&gt;  
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>And this is my jade code</p>
  
  <pre><code>h1 Checklist
  
  div.display-url
  
   tr
  
    td
  
     p URL :
  
    td
  
     input(type='text')
  
    td
  
      input(type='button' ,value='Copy')
  
    tr
  
     td
  
      input(type='hidden',id='url-hidden')
  
  div.display-title
  
   tr
  
    td 
  
     p Title (optional)
  
    td
  
     input(type='text',id='title-txt',autocomplete='off') 
  
  div.display-content
  
   table.content
  
    tbody
  
     tr
  
      td
  
       input(type="checkbox" ,class='task-done')
  
      td
  
       input(type="textArea" ,class='descript-task',autocomplete="off" autofocus="autofocus") 
  
      td 
  
       input(type="hidden",class='hidden-input')
  </code></pre>
  
  <p>layout code</p>
  
  <pre><code>!!!
  
  html
  
    head
  
      title= title
  
      link(rel='stylesheet', href='/stylesheets/jquery-ui-1.8.20.custom.css')
  
      link(rel='stylesheet', href='/stylesheets/jquery.ui.selectable.css')
  
      script(type="text/javascript",src="/javascripts/jquery-1.7.2.min.js")
  
      script(type="text/javascript",src="/javascripts/jquery-ui-1.8.20.custom.min.js")
  
      script(type="text/javascript",src="/javascripts/jquery.ui.selectable.js")
  
      script(type="text/javascript",src="/javascripts/show.js")
  
    body!= body
  </code></pre>
  
  <p>this is my app.cnfigure in app.js</p>
  
  <pre><code>app.configure(function(){
  
    app.set('views', __dirname + '/views');
  
    app.set('view engine', 'jade');
  
    app.set("view options", {layout: false});
  
    app.use(express.bodyParser());
  
    app.use(express.methodOverride());
  
    app.use(app.router);
  
    app.use(express.static(__dirname + '/public'));
  
  });
  
  app.get('/', function(req, res){
  
     res.render("show",{title:'newtodo'});
  
  });
  </code></pre>