title: Jquery concatination with upvotes in php
body: <p>I have been created voting system using php and jquery.</p>
  
  <p>Here is my index.php:</p>
  
  <pre><code>&lt;script type="text/javascript" src="js/jquery-1.9.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $(document).ready(function() {
  
      //####### on page load, retrive votes for each content
      $.each( $('.voting_wrapper'), function(){
  
          //retrive unique id from this voting_wrapper element
          var unique_id = $(this).attr("id");
  
          //prepare post content
          post_data = {'unique_id':unique_id, 'vote':'fetch'};
  
          //send our data to "vote_process.php" using jQuery $.post()
          $.post('vote_process.php', post_data,  function(response) {
  
                  //retrive votes from server, replace each vote count text
                  $('#'+unique_id+' .up_votes').text(response.vote_up); 
              },'json');
      });
  
  
  
      //####### on button click, get user vote and send it to vote_process.php using jQuery $.post().
      $(".voting_wrapper .voting_btn").click(function (e) {
  
          //get class name (down_button / up_button) of clicked element
          var clicked_button = $(this).children().attr('class');
  
          //get unique ID from voted parent element
          var unique_id   = $(this).parent().attr("id"); 
  
  
          if(clicked_button==='up_button') //user liked the content
          {
              //prepare post content
              post_data = {'unique_id':unique_id, 'vote':'up'};
  
              //send our data to "vote_process.php" using jQuery $.post()
              $.post('vote_process.php', post_data, function(data) {
  
                  //replace vote up count text with new values
  
                  $('#'+unique_id+' .up_votes').text(data);
                  //thank user for liking the content
  dataModified = data+' users has voting including you';
  $('#message-status').hide().html(dataModified).fadeIn('slow').delay(5000).hide(1);
              }).fail(function(err) { 
  
              //alert user about the HTTP server error
              alert(err.statusText); 
              });
          }
  
      });
      //end 
  
  });
  
  &lt;/script&gt;
  &lt;style type="text/css"&gt;
  &lt;!--
  .content_wrapper{width:500px;margin-right:auto;margin-left:auto;}
  h3{color: #979797;border-bottom: 1px dotted #DDD;font-family: "Trebuchet MS";}
  
  /*voting style */
  .voting_wrapper {display:inline-block;margin-left: 20px;}
  .voting_wrapper .up_button {background: url(images/index.png) no-repeat;float: left;width: 50px;cursor:pointer;}
  .voting_wrapper .up_button:hover{background: url(images/index.png) no-repeat;}
  .voting_btn{float:left;margin-right:5px;}
  .voting_btn span{font-size: 11px;float: left;margin-left: 3px;}
  
  --&gt;
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div class="content_wrapper"&gt;
      &lt;h3&gt;&lt;img src="9780143332497.jpg" alt=""&gt;&lt;br /&gt;
  
          &lt;!-- voting markup --&gt;
          &lt;div class="voting_wrapper" id="1001"&gt;
              &lt;div class="voting_btn"&gt;
                  &lt;div class="up_button"&gt;&amp;nbsp;&lt;/div&gt;&lt;span class="up_votes"&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- voting markup end --&gt;
      &lt;/h3&gt;
  &lt;span id="message-status"&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When i click the rate button it will shows count number as stable, and also i set to shows up vote count number fade in and fadeout.</p>
  
  <p>Now i need like this <a href="http://s1.postimg.org/mv060km8v/Untitled_1.png" rel="nofollow">http://s1.postimg.org/mv060km8v/Untitled_1.png</a></p>
  
  <p>I tried to add my "user has voted" text in my jquery script, but it seems to be nothing happen.</p>
  
  <p>May i know, where can i add exact code to get my needs?</p>
  
  <p>Can anyone help me? thanks in advance.</p>