title: v-model is not updated in when using radio button in vue js?
body: <p>I went through the documentation and I tried the following code. I can get the data for <code>enquiryDesc</code> but I'm always getting value 5 for rating. I also tried changing the radio group to a checkbox but it did not work.</p>
  <p>My <code>html</code> form:</p>
  <pre><code>&lt;form id=&quot;enquiryBox&quot; method=&quot;POST&quot; data-parsley-validate=&quot;true&quot; v-on:submit.prevent=&quot;handelSubmit()&quot;&gt;
    &lt;div class=&quot;modal-body brbottom-20&quot;&gt;
      &lt;div class=&quot;clearfix&quot;&gt;
        &lt;div class=&quot;col-lg-6&quot;&gt;
          &lt;div class=&quot;form-group required&quot;&gt;
        &lt;fieldset class=&quot;rating&quot;&gt;
                  &lt;input v-model=&quot;rating&quot; type=&quot;radio&quot; id=&quot;rating&quot; name=&quot;rating&quot; value=&quot;5&quot; &gt;&lt;label class = &quot;full&quot; for=&quot;star5&quot; title=&quot;Awesome&quot;&gt;5&lt;/label&gt;
                  &lt;input v-model=&quot;rating&quot; type=&quot;radio&quot; id=&quot;rating&quot; name=&quot;rating&quot; value=&quot;4&quot; &gt;&lt;label class=&quot;half&quot; for=&quot;star4half&quot; title=&quot;Pretty good&quot;&gt;4&lt;/label&gt;
      &lt;/fieldset&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class=&quot;col-lg-6&quot;&gt;
          &lt;div class=&quot;form-group required&quot;&gt;
            &lt;label&gt;Enquiry&lt;/label&gt;
            &lt;textarea placeholder=&quot;Write your enquiry here&quot; rows=&quot;7&quot; id=&quot;enquiryDesc&quot; name=&quot;enquiryDesc&quot; class=&quot;form-control required&quot; title=&quot;Desc&quot; v-model=&quot;enquiryDesc&quot; required=&quot;required&quot;&gt;&lt;/textarea&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;&quot;&gt;
      &lt;button id=&quot;btn-submit-enquiry&quot; class=&quot;btn whiteButton&quot; type=&quot;submit&quot;&gt;Post Enquiry&lt;/button&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  <p>My Vue.js script:</p>
  <pre><code>enquiryBox = new Vue({
     el: &quot;#enquiryBox&quot;,
     data: {
       rating: '',
       enquiryDesc: '',
     },
     methods: {
       handelSubmit: function(e) {
         var vm = this;
         data = {};
         data['rating'] = this.rating;
         data['enquiryDesc'] = this.enquiryDesc;
         console.log(data);
  
         $.ajax({
           url: 'https://api/post/add_review/',
           data: data,
           type: &quot;POST&quot;,
           dataType: 'json',
           success: function(e) {
             if (e.status) {
               alert(&quot;Success&quot;)
  
             } else {
               vm.response = e;
  
               alert(&quot; Failed&quot;)
             }
           }
         });
         return false;
       }
     },
   });
  </code></pre>
  <p>My response for <code>console.log(data)</code></p>
  <p><code>{rating: &quot;&quot;, enquiryDesc: &quot;hello how are you&quot;}</code></p>
  <p>The value of rating never changes, it always stays 5.</p>