anchor.diff:    <div class="js-searchResults"></div>
   
     <h2>Profile</h2>
  -
     <ul>
       <li><b>Account Type:</b> <%= @user_account.account_type %></li>
       <li><b>First Name:</b> <%= @user_account.first_name %></li>
  
positive.code: <div class="container account">
    <h1 class="page-title">Account Details</h1>
  
      <%= form_tag(account_orders_path(@user_account), method: "get", id: "search-form") do %>
        <%= text_field_tag :search, nil, placeholder: "Enter order number" %>
        <%= submit_tag "Find Order#", :name => nil %>
  
negative.code:   <%= link_to "Edit Log in", edit_user_registration_path, class: "btn btn-primary" %>
  
  </div><!-- /.container -->
  
  <script type="text/javascript">
    $( document ).on('turbolinks:load', function() {
  
      $("#search-form").submit(function(event){
  
        let searchInput = $('#search').val();
        let orderHistoryPath = "<%= account_orders_path(@user_account) %>";
        let output = ['<div class="panel panel-default">'];
        event.preventDefault();
  
        $.ajax({
          url: this.action,
          data: $(this).serialize(),
          dataType: "json",
          type: this.method,
  
          success: function(response){
            let urlPath = `/account/${response.account.slug}/orders/${response.id}`;
  
            output.push(
                        `<h1>Order #${response.id}</h1>`,
                        '<ul>',
                        `<li>Number of items: ${response.number_of_items}</li>`,
                        `<li>Shipping Reference: ${response.shipping_reference || ''}</li>`,
                        `<li>Pickup Date: ${response.pickup_date}</li>`,
                        `<li>Shipper's Name: ${response.shipper.first_name || ''} ${response.shipper.last_name}</li>`,
                        `<li>Recipient's Name: ${response.shipper.first_name} ${response.shipper.last_name}</li>`,
                        `<a href="${urlPath}">More info</a>`,
                        '</ul>'
                      );
          },//end success:
          complete: function(){
            $('#search').val('');
            $('input[type="submit"]').prop('disabled', false);
            output.push('</div>');
            $('.js-searchResults').html(output.join(''));
          }//end complete:
  
        });//end ajax()
      });//end submit()
    });//end function() - document ready
  </script>
  