title: Radio buttons inside Kendo grid
body: <p>In my Kendo Grid I need three radio buttons binded to my data source and inCell editable. The problem is the editor. When I click in a column (and I created a div wall to force calling the editor), the value is not correctly set for the editor. When I click in another row and different column the value is not saved. And if I click in another row for same column, the name (radio group) is not correctly set (two editor lines of  with same name). Is there a way to have the editor correctly behaving?</p>
  
  <p>I have the following grid defined using JavaScript:</p>
  
  <p><strong>EDIT 1:</strong> <em>I added some line-breaks in template and editor for increased readability but they shouldn't exist in code.</em></p>
  
  <p><strong>EDIT 2:</strong> <em>Fixed error in input tag validation.</em></p>
  
  <pre><code>&lt;html&gt;
     &lt;!-- head code --&gt;
  &lt;body&gt;
  
  &lt;div id="grid"&gt;&lt;/div&gt;
  
  &lt;script&gt;
  $(document).ready(function() {
  
  
  var grid = $("grid").kendoGrid({
    dataSource: [{
      id: 1, name: "John", period: "F"
    }, {
      id: 2, name: "Mary", period: "S"
    }],
    editable: true,
    columns: [{
      field: "name",
      title: "First Name"
    }, {
      field: "period",
      title: "Period",
      template:  '&lt;div style="position:relative"&gt;
                  &lt;input type="radio" name="group#: id#" value="F" #= period=="F" ? checked="checked" : "" # /&gt;First
                  &lt;input type="radio" name="group#: id#" value="S" #= period=="S" ? checked="checked" : "" # /&gt;Second
                  &lt;input type="radio" name="group#: id#" value="T" #= period=="T" ? checked="checked" : "" # /&gt;Third
                  &lt;div style="background-color: rgba(255, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0"&gt;&lt;/div&gt;
                  &lt;/div&gt;',
      editor: '&lt;input type="radio" name="group#: id#Editor" value="F" #= period=="F" ? checked="checked" : "" # /&gt;First
               &lt;input type="radio" name="group#: id#Editor" value="S" #= period=="S" ? checked="checked" : "" # /&gt;Second
               &lt;input type="radio" name="group#: id#Editor" value="T" #= period=="S" ? checked="checked" : "" # /&gt;Third'
    }]
  });
  
  
  }
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>