title: Logging Only Properties of Object That Have Changed in jQuery
body: <p>I'm messing around with objects and making changes and doing testing within the code. I've found that it's quite tedious to log an object, view it in the console, and then open it up and find which parts I'm testing for changes.</p>
  
  <p>Is there a way to log only parts of the object that has changed?</p>
  
  <p>For example when you click a button with the ID of saveSettings:</p>
  
  <pre><code>$("#saveSettings").click(function () {
      console.log(settings);
  });
  </code></pre>
  
  <p>It will of course log the full object called "settings".</p>
  
  <p>To give you an idea, my object looks like this at the moment (but much more):</p>
  
  <pre><code>var settings= {
      social: {
          username: "JSmith"
      },
      general: {
          color: "red"
      }
  };
  </code></pre>