jquery - JQuery シリアル化配列を使用したフォーム

Question

チェックボックス付きのフォームを作成しました。ユーザーが要求されたチェックボックスを選択して送信ボタンを押すと、Web ページのリンクとして値が返されます。表示するアイテムを取得できますが、クエリを使用して URL 値を適切に書き込む方法がわかりません。どんな助けでも大歓迎です。

  <form>
  <br>
  <input type="checkbox" name="http://www.google.com" name="check" value="Option 1" id="ch1">
  <label for="ch1">Checkbox 1</label>

  <input type="checkbox" name="http://www.yahoo.com"name="check" value="Option 2" id="ch2">
  <label for="ch2">Checkbox 2</label>

  <input type="checkbox" name="http://www.weather.com" value="Counseling Services" id="ch3">
  <label for="ch3">Checkbox 3</label>

  <input type="checkbox" name="http://www.cnn.com" value="Financial Aid" id="ch4">
  <label for="ch4">Checkbox 4</label>

  <input type="checkbox" name="http://www.foxnews.com" value="Fitness and Recreation" id="ch5">
  <label for="ch5">Checkbox 5</label>

  <input type="checkbox" name="http://www.gmail.com" value="Health Services" id="ch6">
  <label for="ch6">Checkbox 6</label>
  </form>

  <button>Show Results</button>
  <p>Results:<span id="results"></span></p>

  function showValues() {

  var fields = $( ":input" ).serializeArray();
  $( "#results" ).empty();
  jQuery.each( fields, function( i, id, name ) {
  $( "#results" ).append(' <a href= "input.name" > ' + id.value + " " );
  });
  }

  $( "button" ).click( showValues );
  $( "select" ).change( showValues );
  showValues();

これが私のJFiddleです。