title: Loading Image in a column of datasource in Kendo UI Grid
body: <p><strong>EDIT: SOLVED WHen i removed the ~ symbol from the path it loaded properly.</strong>
  I have a Kendo UI grid and it shows up the data from a datasource. However the column which is supposed to show an image does not show up. It shows as X mark.</p>
  
  <p>When I put the html img tag separately in the document i can see the image in the browser.
  ANy idea what I am doing wrong.</p>
  
  <pre><code>$("#eventsgrid").kendoGrid({
                              dataSource: expensesDataSource,
                              navigatable: true,
                              pageable: {
                                  input: true,
                                  numeric: false
                              },
                              columns:[
                              {
                                  field:"CardNumber"
                              },
                              {
                                  field:"Description"
                              },
                              {
                              title: "Image", template: '&lt;img src="~/Content/Themes/Default/images/Door.jpg" width="60" height="80"/&gt;'
                              }
                                  ]
                          }).data("kendoGrid");
  </code></pre>