title: Find sibling element with class and replace html content with jQuery
body: <p>I'm not sure how to get the correct div to update and the correct link to click. I don't think I'm understanding the property usage for parent, sibling, find, prev, next, etc.</p>
  
  <p>I'm submitting the form with AJAX and need to update the paragraph tag with class 'record-info' and click the link with class 'cancelas'.</p>
  
  <p>The AJAX:</p>
  
  <pre><code>$('form').on('submit', function(e){
      if($(this).attr('id') == 'editdelete'){
          var thisform = $(this);
          $.ajax({
              type: $(this).attr('method'),
              url: $(this).attr('action'),
              data: $(this).serialize(),
              success: function() {
                  var replaceText = thisform.find('input[name="extraedit"]').val();
                  console.log(thisform.parent().find('.record-info').html());
                  thisform.parent().find('.record-info').html(replaceText);
                  thisform.parent().find('.cancelas').click();
              }
          });
          e.preventDefault();
      }
  });
  </code></pre>
  
  <p><code>replaceText</code> displays the correct info in the console if I console.log it, but when I try to get the content of the 'record-info' paragraph, it displays as undefined. I've tried .parent().find(), .siblings(), .next(), .prev() and everything in between.</p>
  
  <p>Here is the HTML structure:</p>
  
  <pre><code>&lt;div class="catname record"&gt;
      &lt;p class="record-info"&gt;Info is here&lt;/p&gt;
      &lt;p class="editmain"&gt;Edit&lt;/p&gt;
      &lt;p class="markmain"&gt;Mark&lt;/p&gt;
      &lt;form class="markas"&gt;FORM IS HERE&lt;/form&gt;
      &lt;div class="editas"&gt;
          &lt;div&gt;
              &lt;form action="edit-delete.php" id="editdelete" method="post"&gt;
                  &lt;input name="extraedit" type="text"&gt;
              &lt;/form&gt;
              &lt;form action="edit-delete.php" id="editdelete" method="post"&gt;
                  FORM CONTENT
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;p class="cancelas"&gt;Cancel&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>