title: Pug `#{}` fails to load variable inside `onclick`
body: <p>So I am using a javascript object to render a list of items. My object looks like this:</p>
  
  <pre><code>{
              text: 'One',
              url: 'index.pug'
          },
          {
              text: 'Two',
              url: 'Two.pug'
          },
          {
              text: 'Three',
              url: 'Three.pug'
          }
  }
  </code></pre>
  
  <p>The interesting part is when pug renders them. I am rendering them using something like this:</p>
  
  <pre><code>div
      ul.horizontalScroll
          each item in params.apps
              li
                  a(onclick="loadXMLDoc(#{item.url})") #{item.text}
  </code></pre>
  
  <p>What I cannot figure out is why item.text renders correctly, but on click the link doesn't ping the function. In chrome inspector, I saw this:<code>&lt;a onclick="loadXMLDoc(#)"&gt;One &lt;/a&gt;</code>. Why is the argument not coming through as <code>index.pug</code> like it should??</p>