title: Vue JS and model binding in tables
body: <p>why is it not possible to bind a model via v-model within a table like this:</p>
  
  <pre><code>&lt;table class="table"&gt;
      &lt;thead&gt;
      &lt;th&gt;Select&lt;/th&gt;
      &lt;th&gt;Responder ID&lt;/th&gt;
      &lt;th&gt;Heading 2&lt;/th&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr v-for="responder in responders"&gt;
              &lt;td v-model="selected" @click="selectResponder(responder)"&gt;&lt;span class="glyphicon glyphicon-bullhorn"&gt;&lt;/span&gt;&lt;/td&gt;
              &lt;td&gt;@{{ responder.userReference }}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to achieve, that when the user clicks a glyphicon in a table row, the selected element is bind to the variable in my javascript.</p>