title: Kendo UI Grid - Client Template: Escaping # sign
body: <p>I'm working with Kendo UI's grid, along with Twitter Bootstrap.</p>
  
  <p>Twitter Bootstrap has a built in pop-up/modal that can be called with:</p>
  
  <pre><code>&lt;a href="#" class="text-yellow" data-toggle="modal" data-target="#login"&gt;Login&lt;/a&gt;
  </code></pre>
  
  <p>In my Kendo UI grid, I have a custom column template:</p>
  
  <pre><code>   columns.Template(e =&gt; { }).ClientTemplate("&lt;span data-toggle='modal' data-target='#login' title='Flag Animals as Dead or Deceased' style='cursor:pointer;' class='glyphicon glyphicon-flag flag-dead text-red'&gt;&lt;/span&gt;").Width(50);
  </code></pre>
  
  <p>This is where I am having my issue, if you noticed, you need to specify the Id of the modal window with a # sign. ie <code>data-target='#login'</code></p>
  
  <p>Whenever the # sign is in my grid template, the grid breaks. How can I escape this sign?</p>