title: Sorting an array of JavaScript objects by sub array property/value
body: <p>I have the following data being returned from a server (the structure of this data is something that I do not have control over)...</p>
  
  <pre><code>var data = {
      "TrackingResults": [
          {
              "Name": "Pack One",
              "Products": {
                  "Product": [
                      {
                          "ProductName": "Soccer Ball"
                      },
                      {
                          "ProductName": "Tennis Racket"
                      },
                      {
                          "ProductName": "Gold Putter"
                      }
                  ]
              },
              "status": "Despatched",
              "Location": "Alabama",
              "Type": "Parcel"
          },
          {
              "Name": "Pack Two",
              "Products": {
                  "Product": [
                      {
                          "ProductName": "Backet Ball Hoop"
                      },
                      {
                          "ProductName": "Base Ball Glove"
                      }
                  ]
              },
              "status": "Despatched",
              "Location": "Florida",
              "Type": "Parcel"
          }
      ]
  };
  </code></pre>
  
  <p>I would like to be able to sort each Tracking Result by the first Product Name.  I can't find any code that will sort by a sub array property/value.</p>