I have some HTML that is returned from a web service. I do not have control over the HTML as its not my web service. This web service returns HTML that looks like this:

```
<table id="result">
  <tbody>
    <tr>
      <td><b>Name</b></td>
      <td>John Smith</td>
    </tr>

    <tr>
      <td valign="top"><b>Address: </b></td>
      <td>123 Oak Street<br>Chicago, IL 12345-9023</td>
    </tr>

    <tr>
      <td><b>Phone: </b></td>
      <td>123-456-7890</td>
    </tr>

    <tr>
      <td><b>Occupation: </b></td>
      <td>Teacher</td>
    </tr>

    <tr>
      <td><b>Status: </b></td>
      <td>ACTIVE</td>
    </tr>
  </tbody>
</table>

```

I know that the table is basically key-value pairs. I know the left column contains a label. I know the right column has the value I'm interested in. I'm trying to get the values and put it into a JSON structure. For example,I have 

```
var json = {
  name: '',                 // How do I reference the name value in the table?
  address: '',              // How do I reference the address value in the table?
  phone: '',               // How do I reference the phone value in the table?
  occupation: '',          // etc.
  status: ''               // etc.
}

```

How do I get the table values using jQuery so that I can populate my JSON? I know that my table is going to be consistently this structure.

Thanks!