title: How to display different parts of Ajax responses in induvidual html elements?
body: <p>At first I did my validations with multiple Ajax request and optimized with some help and I send all of my data and do all of my success functionality in one AJAX request. But doing that gives multiple results. Now each inputs validation inside of every div elements. It's not showing validations one by one. I tried to array my errors with json but it didnt work either. I think the problem is in Ajax area what I missing?</p>
  <p><a href="https://i.stack.imgur.com/0BJyC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0BJyC.png" alt="Screenshot of my issue" /></a></p>
  <pre><code>&lt;script type=&quot;text/javascript&quot;&gt;     
  
          $('#submit').click(function(event) {
              event.preventDefault();
              var fullname = $(&quot;#fullname&quot;).val();
              var username = $(&quot;#username&quot;).val();
              var email = $(&quot;#email&quot;).val();
              var password = $(&quot;#password&quot;).val();
              var submit = &quot;1&quot;;
              
              $.ajax({
                  url: 'registercontrol.php',
                  method: 'POST',
                  data: {
                      fullname : fullname,
                      username : username,
                      email : email,
                      password : password,
                      submit : submit
                  },
                  success:function(response){                 
                      $(&quot;#vfullname&quot;).html(response);
                      $(&quot;#vusername&quot;).html(response);
                      $(&quot;#vemail&quot;).html(response);
                      $(&quot;#vpassword&quot;).html(response);  
                  }
              });                     
          });
      });
  &lt;/script&gt;
  </code></pre>
  <p>Thank you.</p>