title: jquery prop multiple items?
body: <p>I'm not sure what I'm doing wrong but for the past 2 hours I've been trying to use prop to change the value of two items in a button. It works for one but not for the other and I have no idea why.  </p>
  
  <p>html:</p>
  
  <pre><code>&lt;input type='button' value='Following' id='btnFollow' dataaction="UnFollow" datatype='topic'&gt;
  </code></pre>
  
  <p>jquery:</p>
  
  <pre><code>    $("#btnFollow").prop("value", "Follow");
      $("#btnFollow").prop("dataaction", "Follow");
  </code></pre>
  
  <p>The first item changes(<code>value</code>) but not the second one(<code>dataaction</code>).  I have no idea why(other then maybe its too late and my brain is rebelling).  According to the <a href="http://api.jquery.com/prop/" rel="nofollow">documentation</a> I'm doing it correct.  I added alerts inbetween each command in case one was failing, but both alerts went off meaning jquery is not crashing or anything when it tries to change the second item. I don't see any spelling mistakes and I tried to daisy chain the commands but still no luck.</p>
  
  <p>Any suggestions?</p>
  
  <p>entire_code:</p>
  
  <pre><code>$(document).ready(function () {
      $('#btnFollow').click(function() {
          var topic_id = $(this).attr('datatopic');
          var action_type = $(this).attr('datatype');
          var action_type_action = $(this).attr('dataaction');
          alert(action_type_action);
          //$("#btnFollow").prop('value', 'Following');
          if (action_type_action == 'Follow') {
              $("#btnFollow").prop({'value': 'Following', 'dataaction': 'UnFollow'});
              //$("#btnFollow").prop("value", "Following");
              //$("#btnFollow").prop("dataaction", "UnFollow");
                   $.ajax({
                  type: 'POST',
                  url: '/follow_modification',
                  async: false,
                  data: {
                      topic: topic_id,
                      action: action_type_action,
                      follow_type: action_type
                  }
                  //complete: function(xmlRequestObject, successString){
                  //    ymmReceiveAjaxResponse(xmlRequestObject, successString);
                  //}
              });
  
          } else if (action_type_action == 'UnFollow') {
              $("#btnFollow").prop({'value': 'Follow', 'dataaction': 'Follow'});
              //$("#btnFollow").prop("value", "Follow");
              //$("#btnFollow").prop("dataaction", "Follow");
              $.ajax({
                  type: 'POST',
                  url: '/follow_modification',
                  async: false,
                  data: {
                      topic: topic_id,
                      action: action_type_action,
                      follow_type: action_type
                  }
                  //complete: function(xmlRequestObject, successString){
                  //    ymmReceiveAjaxResponse(xmlRequestObject, successString);
                  //}
              });
          }
      })
  
  });
  </code></pre>