title: Javascript: Set value from multiple field using 1 function but different values
body: <p>Help please, my problem is, when i set a value from multiple text field by calling 1 function it duplicates the value. How do i make this different to each other. pardon for my English.</p>
  
  <p>Here is my code</p>
  
  <pre><code>//code generate
  function guid() {
      return s4() + s4() + '-' + s4() + '-' + s4() + '-' +
      s4() + '-' + s4() + s4() + s4();
  }
  
  function s4() {
      return Math.floor((1 + Math.random()) * 0x1000)
     .toString(16)
     .substring(1);
  }
  var uuid = guid();
  
  $('input:radio[name="judge_option"]').change(function (){
     var j_radio = $(this).val();
     if(j_radio == 'backdoor_access'){
          $('.backdoor_link').val(uuid); //&lt;---- when i fire the trigger 
     }
  });
  </code></pre>
  
  <p>The output shows like this</p>
  
  <pre><code>&lt;input type="text" class="backdoor_link" value="ae668f-2bf-a24-6a5-58677a007"&gt; 
  &lt;input type="text" class="backdoor_link" value="ae668f-2bf-a24-6a5-58677a007"&gt; 
  &lt;input type="text" class="backdoor_link" value="ae668f-2bf-a24-6a5-58677a007"&gt;
  &lt;input type="text" class="backdoor_link" value="ae668f-2bf-a24-6a5-58677a007"&gt;
  </code></pre>
  
  <p>How do i make it look like this one, the values that i set should be different to each other in 1 click.</p>
  
  <pre><code>&lt;input type="text" class="backdoor_link" value="143e37-cb3-b83-4ef-aca186f3d"&gt; 
  &lt;input type="text" class="backdoor_link" value="f3e198-b1c-918-28c-00e29debb"&gt; 
  &lt;input type="text" class="backdoor_link" value="bda03e-4e0-da7-f82-36592439c"&gt;
  &lt;input type="text" class="backdoor_link" value="e73b85-3f0-220-9ec-acffa6ba8"&gt;
  </code></pre>